Updated Anthology templates. Walmart and Datasnipper notes. Todos.

This commit is contained in:
Norm Rasmussen
2024-08-07 19:37:41 +02:00
parent 1eb1fce129
commit c8adb91545
19 changed files with 782 additions and 139 deletions

View File

@ -1,8 +1,8 @@
{% include "header" %}
<main class="np-main np-search np-subpage-container np-max-width">
<div class="np-resource-title">
{% comment %} <div class="np-resource-title">
{% t .title %}
</div>
</div> {% endcomment %}
<div class="np-search-header">
{% assign render_search = false %}
{% if results.items.any? %}
@ -27,19 +27,25 @@
{% endfor %}
{% endif %}
<div class="np-resource-subtitle">
{% t .showing %}
<div class="np-resource-title">
{% comment %} {% t .showing %} {% endcomment %}
{% if render_search %}
<span class="np-resource-subtitle-number">{{ result_count }}</span>
{% else %}
<span class="np-resource-subtitle-number">{{ results.count }}</span>
{% endif %}
{% t .results_for %}
{% comment %} {% t .results_for %} {% endcomment %}
Resources For
<span class="np-button-color">"{{ results.term }}"</span>
</div>
{% if render_search %}
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{% include "filter_by_product", page: 'Search' %}
<div style="align-items: center; display: flex; flex-direction: row;">
<div style="font-weight: 700; margin-right: 15px;">Filter By: </div>
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{% include "filter_by_product", page: 'Search' %}
{% include "filter_by_category", page: 'Search' %}
</div>
{% endif %}
</div>
{% if render_search %}
@ -62,6 +68,18 @@
{% include "footer" %}
<style>
.np-search-header{
align-items: flex-start;
flex-direction: column;
}
.np-resource-title{
color: #363636;
font-family: "Nunito Sans";
font-style: normal;
font-weight: 700 !important;
}
.np-card{
margin-bottom: 15px;
}
@ -116,7 +134,7 @@
}
.course-card-button{
border-radius: 0;
/* border-radius: 0; */
font-size: 14px;
font-weight: 600;
height: 100%;
@ -154,7 +172,25 @@
justify-content: flex-end;
}
.product-filter-dropdown,
.category-filter-dropdown{
padding: 0 5px;
/* border-radius: 0; */
height: 45px;
min-width: 150px;
}
@media screen and (min-width: 768px){
.np-filter{
margin: 12px 10px !important;
}
.np-resource-title{
margin-bottom: 0;
font-size: 32px;
line-height: 25.25px;
}
.np-card{
margin-bottom: 15px !important;
min-width: unset;
@ -175,4 +211,4 @@
height: 100%;
}
}
</style>
</style>