studio-variable/index-main
3
0
Fork 0
Code Issues 1 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%;
}
}
}
}

6
assets/css/components/_modal-share.scss
View file

@ -98,9 +98,9 @@
font-size: var(--fs-small);
padding-top: 2px;
white-space: nowrap;
min-width: 0px!important;
max-width: 30ch!important;
width: 7.25ch;
text-align: center;
width: 8ch!important;
&::after{
content: "\00a0";