norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css changes

Browse Source
This commit is contained in:
Norm Rasmussen
2022-05-04 10:09:06 -04:00
parent 0be838cc27
commit 90874413c3
4 changed files with 12 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
NP_Custom_Templates/customer_templates/Stripe/_header_desktop_menu_item.html.liquid
View File

@ -5,7 +5,7 @@
{% if url contains current_page_orgin %}
is-active white-text
{% else %}
black-text
white-text
{% endif %}
"
{% if external %}target="_blank"{% endif %}

20
NP_Custom_Templates/customer_templates/Stripe/homepage.html.liquid
View File

@ -8,14 +8,14 @@
{% assign role = current_person.properties.role %}
{% case role %}
{% when 'developer', 'architect' %}
<div class="np-homepage-subheadline np-header-font-color">
<div class="np-homepage-subheadline np-header-font-color" style="white-space: pre-wrap;">
Hi {{ current_person.display_name }}, how is the weather in {{ current_person.properties.location }}?
Here is the training you are eligible for in your role as {{ current_person.properties.role }}.
&#10; Here is the training you are eligible for in your role as {{ current_person.properties.role }}.
</div>
{% else %}
<div class="np-homepage-subheadline np-header-font-color">
Hi {{ current_person.display_name }}, how is the weather in {{ current_person.properties.location }}?
Here is the training you are eligible for in your role as
Hi {{ current_person.display_name }}, how is the weather in {{ current_person.properties.location }}?</div>
<div class="np-homepage-subheadline np-header-font-color">Here is the training you are eligible for in your role as
<div class="dropdown">
<button class="dropbtn">Select Role ▼ </button>
<div class="dropdown-content">
@ -36,21 +36,21 @@
<div class="homepage-navigation__item-container">
<a class="homepage-navigation__item" href="/app/partner-training">
<div class="homepage-navigation__title">Partner Training</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_pattern_purple.png" alt="">
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_training_badge.png" alt="">
</a>
</div>
{% if current_person.properties.partner_training_cert == false %}
<div class="homepage-navigation__item-container">
<a class="homepage-navigation__item" href="">
<div class="homepage-navigation__title">Partner Certifications</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_pattern_green.png" alt="" style="filter:grayscale(1)">
<div class="homepage-navigation__title" style="filter:grayscale(1)" >Partner Certifications</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_achievement_icon.png" alt="" style="filter:grayscale(1)">
</a>
</div>
{% else %}
<div class="homepage-navigation__item-container">
<a class="homepage-navigation__item" href="/app/partner-certs">
<div class="homepage-navigation__title">Partner Certifications</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_pattern_green.png" alt="">
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_achievement_icon.png" alt="">
</a>
</div>
{% endif %}
@ -169,11 +169,11 @@ main {
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #635bffc6;}
.dropdown-content a:hover {background-color: #635bff60;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #635bff;}
.dropdown:hover .dropbtn {background-color: #635bff60;}
</style>

17
NP_Custom_Templates/customer_templates/Stripe/sec1-courses.html.liquid
View File

@ -1,17 +0,0 @@
{% include "header", current_page_orgin: "courses" %}
{% include "sub_navigation", current_page: "/app/sec1-courses" %}
<main class="np-main np-courses np-subpage-container">
<h1 class="np-resource-title">
Section 1 Courses
</h1>
<div class="np-resource-subtitle">
{% capture subtitle_text %}
{%comment%}{% t .headline, key: current_school.course_vocabulary %}{%endcomment%}
These are all courses filed under Section 1
{% endcapture %}
{{ subtitle_text | replace: "Courses", "tutorials" }}
</div>
<br>
{% include "courses_sec1_index", card_classes: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
</main>
{% include "footer" %}

34
NP_Custom_Templates/customer_templates/Stripe/styles.css.liquid
View File

@ -1447,39 +1447,6 @@ button,
font-size: 2rem;
}
}
/* --- Homepage Waves --- */
.homepage-waves__wave-1-container,
.homepage-waves__wave-2-container,
.homepage-waves__wave-3-container {
position: relative;
width: 100%;
display: block;
}
.homepage-waves__wave-1-container {
margin-top: calc((-100vw / 2000 * 150) + 2px);
}
.homepage-waves__wave-3-container {
background-color: #94dbff;
margin-top: calc(-100vw / 2000 * 150 * 0.15);
}
.homepage-waves__wave-1 {
fill: #bfe4ff;
animation-name: slide-2;
animation-duration: 180s;
}
.homepage-waves__wave-2,
.homepage-waves__wave-3 {
animation-name: slide-3;
}
.homepage-waves__wave-2 {
fill: #94dbff;
animation-duration: 120s;
animation-direction: reverse;
}
.homepage-waves__wave-3 {
fill: #4cc3ff;
animation-duration: 60s;
}
/* --- Navigation --- */
.homepage-navigation__section {
@ -1530,6 +1497,7 @@ button,
border-color: #e0f3ff;
border-width: 0 1px 0 0 ;
flex-shrink: 0;
padding: 45px;
}
.homepage-navigation__item .is-animation,
.homepage-navigation__button.is-animation {