Spark Prod and Sandbox templates. Updated search results for Walmart Prod to hide the metrics program course. Big Ideas sandbox templates along with Mizuno Golf and Aiim's custom css tab.
This commit is contained in:
@ -0,0 +1,72 @@
|
||||
<div class="faq-resource-card">
|
||||
<button class="accordion">
|
||||
<div class="accordion-content">
|
||||
<div class="accordion-title np-search-result-title">{{course.name}}</div>
|
||||
<i class="far fa-plus"></i>
|
||||
</div>
|
||||
</button>
|
||||
<div class="panel">
|
||||
<div class="panel-content-container">
|
||||
{{course.full_description}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.faq-resource-card {
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
|
||||
margin-bottom: 15px!important;
|
||||
padding: 0!important;
|
||||
min-height: auto;
|
||||
min-width: auto;
|
||||
}
|
||||
.faq-resource-card .accordion {
|
||||
background-color: #fff;
|
||||
border-radius:4px;
|
||||
cursor: pointer;
|
||||
padding: 15px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
transition: 0.4s;
|
||||
color: #3B4459;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.faq-resource-card .accordion-title {
|
||||
color: #3b4459;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.faq-resource-card .accordion-content {
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.faq-resource-card .accordion-content i {
|
||||
color: #2a71dc;
|
||||
font-size: 24px;
|
||||
transition:all 0.4s;
|
||||
}
|
||||
.faq-resource-card .active .accordion-content i {
|
||||
transform:rotate(45deg)
|
||||
}
|
||||
.faq-resource-card .panel {
|
||||
padding: 0 15px;
|
||||
background-color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
}
|
||||
|
||||
.faq-resource-card .panel-content-container {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user