studio-variable/index-main
4
0
Fork 0
Code Issues 15 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

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);
}