Doordash back up. Anthology academy small changes.

This commit is contained in:
Norm Rasmussen
2025-03-24 17:02:18 -04:00
parent 7640e4cca9
commit c17661458a
98 changed files with 2577 additions and 168 deletions

View File

@ -73,9 +73,9 @@
{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
{% assign product_alt = 'Anthology Accreditation' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
{% assign product_alt = 'Anthology Outcomes' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
{% assign product_alt = 'Anthology Outcomes' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
{% assign product_alt = 'Anthology 101' %}
@ -99,6 +99,8 @@
{% assign product_alt = 'Anthology' %}
{% endif %}
{% assign color_main = '#0054bc' %}
{% unless flag == 'dashboard' %}
{% assign flag = '' %}
{% endunless %}
@ -361,6 +363,10 @@
display: block;
}
.card-bottom-details {
background: #0054bc10 !important;
}
.card-bottom-details-plain {
padding: 0;
}
@ -369,13 +375,20 @@
display: block;
width: 100%;
text-align: center;
background-color: #0054bc;
}
.card-bottom-details-plain .course-card-button:hover {
.card-bottom-details .course-card-button {
background-color: #0054bc;
}
.card-bottom-details .course-card-button:hover {
background-color: #000;
}
.np-course-version-outdated-popup {
text-align: right;
}
@media screen and (min-width: 768px){
.course-card-wrapper{
/* margin-bottom: 32px;

View File

@ -73,9 +73,9 @@
{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
{% assign product_alt = 'Anthology Accreditation' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
{% assign product_alt = 'Anthology Outcomes' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
{% assign product_alt = 'Anthology Outcomes' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
{% assign product_alt = 'Anthology 101' %}
@ -99,6 +99,8 @@
{% assign product_alt = 'Anthology' %}
{% endif %}
{% assign color_main = '#0054bc' %}
{% unless flag == 'dashboard' %}
{% assign flag = '' %}
{% endunless %}
@ -361,6 +363,10 @@
display: block;
}
.card-bottom-details {
background: #0054bc10 !important;
}
.card-bottom-details-plain {
padding: 0;
}
@ -369,13 +375,20 @@
display: block;
width: 100%;
text-align: center;
background-color: #0054bc;
}
.card-bottom-details-plain .course-card-button:hover {
.card-bottom-details .course-card-button {
background-color: #0054bc;
}
.card-bottom-details .course-card-button:hover {
background-color: #000;
}
.np-course-version-outdated-popup {
text-align: right;
}
@media screen and (min-width: 768px){
.course-card-wrapper{
/* margin-bottom: 32px;

View File

@ -1,187 +1,106 @@
{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Reach.png' %}
{% assign product_alt = 'Anthology Reach' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F58545' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Engage.png' %}
{% assign product_alt = 'Anthology Engage' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F16423' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
{% assign product_alt = 'Anthology Beacon' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F16423' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Milestone.png' %}
{% assign product_alt = 'Anthology Milestone' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
{% assign product_alt = 'Anthology Occupation Insight' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F58545' %}
{% assign color_light = '#F9B5B5' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Raise.png' %}
{% assign product_alt = 'Anthology Raise' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Digital+Assistant.svg' %}
{% assign product_alt = 'Anthology Digital Assistant' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F58545' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Baseline.png' %}
{% assign product_alt = 'Anthology Baseline' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#D94827' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Encompass.png' %}
{% assign product_alt = 'Anthology Encompass' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F3798A' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Student.png' %}
{% assign product_alt = 'Anthology Student' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#96CA51' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#F3E588' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
{% assign product_alt = 'Anthology Insight' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#82C342' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Finance+%26+HCM.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
{% assign product_alt = 'Anthology Finance & HCM' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#539542' %}
{% assign color_light = '#C9BD2E' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
{% assign product_alt = 'Anthology Payroll' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#82C342' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Academic+Economics.svg' %}
{% assign product_alt = 'Anthology Academic Economics' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#286734' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Blackboard.png' %}
{% assign product_alt = 'Blackboard' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
{% assign product_alt = 'Anthology Ally' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#1BA8E1' %}
{% assign color_light = '#A3DBDC' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Course+Evaluations.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_CourseEvaluation.png' %}
{% assign product_alt = 'Anthology Course Evaluations' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#004C6D' %}
{% assign color_light = '#027BB6' %}
{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#A3DBDC' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Evaluate.png' %}
{% assign product_alt = 'Anthology Evaluate' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Portfolio.png' %}
{% assign product_alt = 'Anthology Portfolio' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Program+Review.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProgramReview.png' %}
{% assign product_alt = 'Anthology Program Review' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Planning.png' %}
{% assign product_alt = 'Anthology Planning' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#004C6D' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Accreditation.png' %}
{% assign product_alt = 'Anthology Accreditation' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Outcomes' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Outcomes.png' %}
{% assign product_alt = 'Anthology Outcomes' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#7F59A5' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_Anthology101.png' %}
{% assign product_alt = 'Anthology 101' %}
{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#6283C2' %}
{% assign color_light = '#87ADDB' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#573376' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#7F59A5' %}
{% assign color_light = '#AA7FB8' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#87ADDB' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_PowerBI.png' %}
{% assign product_alt = 'Power BI' %}
{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#87ADDB' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_ProfesionalLearning.png' %}
{% assign product_alt = 'Professional Learning' %}
{% else %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#DCE4E9' %}
{% assign color_dark = '#747A7B' %}
{% assign color_light = '#B2B7BA' %}
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
{% assign product_alt = 'Anthology' %}
{% endif %}
{% assign color_main = '#0054bc' %}
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% assign act_count = 0 %}
{% for section in course.sections %}
@ -196,38 +115,43 @@
{% endfor %}
<div class="np-card course-card col-md-4" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}">
<div class="np-progress-bar-container" style="background: {{ color_light }}">
<div
<div class="np-progress-bar-container"> {% comment %} style="background: {{ color_light }}"> {% endcomment %}
{% comment %} <div
style="width: 75%; background: {{ color_dark }}"
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div> {% endcomment %}
</div>
<div class="card-product-banner">
{% comment %} <div class="card-product-banner">
{% if product_logo != 'blank' %}
<img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
{% else %}
Anthology
{% endif %}
</div>
</div> {% endcomment %}
<div class="np-card-container">
<div class="card-image-replacement"></div>
{% comment %} <div class="card-image-replacement"></div> {% endcomment %}
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
{% if product_logo != 'blank' %}
<img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo-banner"/>
{% else %}
<img src='https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' alt='Anthology' class="product-logo-banner"/>
{% endif %}
<div class="np-flex-1">
<h3 class="np-card-content-title course-card-title">
{{ course.name }}
</h3>
<span style="color: #757575; font-size: 14px">
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count| plus: 1 %}
{% endfor %}
{% endfor %}
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
</div>
</div>
<div class="card-bottom-details">
<span style="color: #757575; font-size: 14px">
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count| plus: 1 %}
{% endfor %}
{% endfor %}
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
<div class="card-bottom-details card-bottom-details-plain">
<a class="np-button np-button-wide course-card-button"
href="{{ course_path }}"
>
@ -236,3 +160,178 @@
</div>
</div>
</div>
<style>
.row-with-thumbnails {
margin: 60px auto 0 !important;
}
.np-card-ribbon {
background: #0054bc !important;
border: 1px solid #07a9cb;
z-index: 99999999;
padding: 5px !important;
}
.card-product-banner{
align-items: center;
background: #FFF;
box-shadow: 0 3px 30px rgba(0,0,0,.1);
display: flex;
height: 32px;
overflow: hidden;
padding: 6px 8px;
width: 100%;
}
.product-logo {
height: 100%;
}
.product-logo-banner {
width: 100%;
height: auto;
}
.np-flex-1 {
padding: 10px 20px 20px;
}
.np-catalog-courses {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 30px;
}
@media only screen and (max-width: 1000px) {
.np-catalog-courses {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media only screen and (max-width: 600px) {
.np-catalog-courses {
grid-template-columns: minmax(0, 1fr);
}
}
.np-card.col-lg-4,
.np-card.col-md-4,
.np-card.col-sm-6 {
max-width: 100% !important;
padding: 0 !important;
}
.np-max-width {
width: 100%;
}
.card-image-replacement{
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
height: 12rem;
width: 100%;
}
@media screen and (min-width: 550px) and (max-width: 649px){
.card-image-replacement{
height: 15rem;
}
}
@media screen and (min-width: 650px) and (max-width: 767px){
.card-image-replacement{
height: 20rem;
}
}
.course-card-info {
max-height: 100% !important;
height: auto !important; /*calc(100% - 38px);*/
justify-content: center !important;
position: relative !important;
top: 0 !important;
padding: 0 !important;
}
.course-card-title{
font-size: 24px;
font-weight: 600;
line-height: 25px;
margin-top: 8px !important;
}
.course-card-button{
border-radius: 0;
font-size: 14px;
font-weight: 600;
height: 100%;
line-height: 21px;
width: 30%;
}
.course-card-button:focus{
border: 2px solid blue;
}
.np-progress-bar-container,
.np-card-progress-bar{
border-radius: 0;
height: 3px;
margin: 0;
background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
}
.np-card-content-progress{
height: 25px;
margin: 0;
}
.course-card-progress-bar{
min-width: 0;
}
.course-card .np-card-container {
padding: 0 !important;
}
.np-card-content-progress{
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.np-card-content {
display: block;
}
.card-bottom-details-plain {
padding: 0;
}
.card-bottom-details-plain .course-card-button {
display: block;
width: 100%;
text-align: center;
background-color: #0054bc;
}
.card-bottom-details-plain .course-card-button:hover {
background-color: #000;
}
@media screen and (min-width: 768px){
.course-card-wrapper{
/* margin-bottom: 32px;
max-height: 315px;
max-width: 445px; */
}
.course-card{
padding: 0 !important;
}
.course-card-wrapper,
.course-card{
height: 100%;
}
}
</style>

View File

@ -91,13 +91,13 @@
for(let i = 1; i < allProductFiltersEntry.length; i++){
allProductFiltersEntry[i].style.display = 'block';
}
if(event.target.value != 'Default'){
for(let i = 1; i < allProductFiltersEntry.length; i++){
let productFound = false;
for(let j = 0; j < allFilteredResults.length; j++){
if(allFilteredResults[j].dataset.product){
if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
if(!allFilteredResults[j].classList.contains('filtered')){
@ -106,7 +106,7 @@
}
}
}
if(!productFound){
allProductFiltersEntry[i].style.display = 'none';
}
@ -139,7 +139,7 @@
// if(catFound){
// allCategoryFiltersEntry[i].style.display = 'block';
// }
// }
// }
// Last step is to return cat dropdown to always be all cats on product selection

View File

@ -235,6 +235,40 @@
.product-filter-container{
margin: 0;
}
.course-card-wrapper.col-lg-4,
.course-card-wrapper.col-sm-6 {
max-width: 100% !important;
padding: 0 !important;
}
.row.np-stretch-content {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 30px;
}
@media only screen and (max-width: 1100px) {
.row.np-stretch-content {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media only screen and (max-width: 900px) {
.row.np-stretch-content {
grid-template-columns: minmax(0, 1fr);
}
}
@media only screen and (max-width: 768px) {
.row.np-stretch-content {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media only screen and (max-width: 600px) {
.row.np-stretch-content {
grid-template-columns: minmax(0, 1fr);
}
}
@media screen and (min-width: 768px){
.np-dashboard{
@ -263,7 +297,7 @@
.dashboard-courses-index{
margin: 0;
margin-left: -10px;
/* margin-left: -10px; */
}
}
</style>

View File

@ -1,4 +1,5 @@
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-search np-subpage-container np-max-width">
{% comment %} <div class="np-resource-title">
{% t .title %}