studio-variable/index-main
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

report + harmonize panel-left
All checks were successful
Deploy / Deploy to Production (push) Successful in 11s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-23 17:38:08 +01:00
parent bee25e5922
commit bd97c1c33e
19 changed files with 1107 additions and 770 deletions
Download patch file Download diff file Expand all files Collapse all files

100
assets/css/components/_dropdown.scss
View file

@ -65,26 +65,7 @@
}
}
// Variante : dropdown à droite du bouton
&--position-right .dropdown__content {
top: auto;
bottom: 0;
left: calc(100% + var(--padding-inner));
margin-top: 0;
margin-left: 4px;
&::before{
content: "◀";
transform: rotate(0deg);
font-size: 14px;
position: absolute;
top: auto;
bottom: 4px;
left: -12px;
}
}
&.is-open {
&.is-open {
.dropdown__content {
opacity: 1;
visibility: visible;
@ -92,11 +73,82 @@
}
}
&--position-right.is-open {
.dropdown__content {
transform: translateX(0);
}
// PANEL 
@media #{$small}{
&--position-panel .dropdown__content {
top: auto;
bottom: calc(var(--h-block) + var(--padding-inner));
left: auto;
right: 0;
margin-top: 0;
margin-left: 4px;
&::before{
font-family: Arial;
content: "◀";
transform: rotate(-90deg);
font-size: 14px;
position: absolute;
top: auto;
bottom: -13px;
left: 50%;
}
}
&--position-panel.is-open {
.dropdown__content {
transform: translateX(0);
}
}
}
@media #{$small-up}{
&--position-panel .dropdown__content {
top: auto;
bottom: 0;
left: calc(100% + var(--padding-inner));
margin-top: 0;
margin-left: 4px;
&::before{
font-family: Arial;
content: "◀";
transform: rotate(0deg);
font-size: 14px;
position: absolute;
top: auto;
bottom: 4px;
left: -11px;
}
}
&--position-panel.is-open {
.dropdown__content {
transform: translateX(0);
}
}
}
@media #{$x-small}{
.dropdown__content{
width: calc(100vw - var(--padding-body)*2);
.modal--share{
width: 100%;
}
}
}
}