bx-1379-redesign #15
|
@ -61,14 +61,19 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
|
||||||
box-shadow: $boxShadow;
|
box-shadow: $boxShadow;
|
||||||
|
|
||||||
color: $textColor;
|
color: $textColor;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
max-height: calc(100vh - 8rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-accordion {
|
&-accordion {
|
||||||
padding: 1.125rem 1rem;
|
padding: 1.125rem 1rem;
|
||||||
border-bottom: 2px solid var(--primary-color);
|
border-bottom: 2px solid var(--primary-color);
|
||||||
max-height: 4rem;
|
min-height: 1.625rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: max-height 300ms linear;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
@ -97,13 +102,9 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.open {
|
|
||||||
max-height: 50vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
max-height: 32vh;
|
height: calc(100% - 2rem);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
margin-top: 1.125rem;
|
margin-top: 1.125rem;
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
|
|
|
@ -28,9 +28,6 @@ export const usePromoSidebar = defineStore('promo_sidebar', {
|
||||||
if (target?.target) {
|
if (target?.target) {
|
||||||
sidebar_data.target = target.target.toString()
|
sidebar_data.target = target.target.toString()
|
||||||
}
|
}
|
||||||
if (!this.isAccOpen('desc')) {
|
|
||||||
this.accordions.push('desc')
|
|
||||||
}
|
|
||||||
this.setData(sidebar_data)
|
this.setData(sidebar_data)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue