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

dropdown bottom bar mobile
All checks were successful
Deploy / Deploy to Production (push) Successful in 14s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-25 17:13:46 +01:00
parent 662a55863d
commit bde54fa66d
6 changed files with 41 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -151,7 +151,6 @@
width: calc(100vw - var(--padding-body)*2);
left: auto;
right: 0;
background-color: blue!important;
.modal--share {
width: 100%;
@ -167,13 +166,6 @@
#bottom-bar {
@media #{$x-small} {
}
.dropdown .dropdown__content {
top: auto;
@ -193,7 +185,13 @@
bottom: -13px;
left: auto;
right: 10%;
@media #{$x-small} {
left: 20%;
right: auto;
}
}
}

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

@ -4,7 +4,7 @@
background-color: var(--color-bg);
.title {
font-size: var(--fs-xsmall);
font-size: var(--fs-small);
line-height: 1.2;
padding: var(--padding-inner);
padding-bottom: 0px;
@ -23,7 +23,7 @@
list-style: none;
li{
font-size: var(--fs-xsmall);
font-size: var(--fs-small);
border-bottom: var(--border-light);
&:first-of-type{
border-top: var(--border-light);
@ -34,7 +34,7 @@
align-items: center;
gap: 2ch;
text-decoration: none;
font-size: var(--fs-xsmall);
font-size: var(--fs-small);
}
.icon {
width: 16px;

13
assets/css/style.css
View file

@ -1126,7 +1126,7 @@ button.sort[data-sort-type=up] .arrow {
background-color: var(--color-bg);
}
.modal--share .title {
font-size: var(--fs-xsmall);
font-size: var(--fs-small);
line-height: 1.2;
padding: var(--padding-inner);
padding-bottom: 0px;
@ -1147,7 +1147,7 @@ button.sort[data-sort-type=up] .arrow {
list-style: none;
}
.modal--share .socials li {
font-size: var(--fs-xsmall);
font-size: var(--fs-small);
border-bottom: var(--border-light);
}
.modal--share .socials li:first-of-type {
@ -1158,7 +1158,7 @@ button.sort[data-sort-type=up] .arrow {
align-items: center;
gap: 2ch;
text-decoration: none;
font-size: var(--fs-xsmall);
font-size: var(--fs-small);
}
.modal--share .socials li .icon {
width: 16px;
@ -1353,7 +1353,6 @@ button.sort[data-sort-type=up] .arrow {
width: calc(100vw - var(--padding-body) * 2);
left: auto;
right: 0;
background-color: blue !important;
}
.dropdown .dropdown__content .modal--share {
width: 100%;
@ -1379,6 +1378,12 @@ button.sort[data-sort-type=up] .arrow {
left: auto;
right: 10%;
}
@media screen and (max-width: 560px) {
#bottom-bar .dropdown .dropdown__content::before {
left: 20%;
right: auto;
}
}
#bottom-bar .dropdown.is-open .dropdown__content {
transform: translateX(0);
}

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long