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

dropdown, automatique positionning
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-21 16:43:10 +01:00
parent d7a8611376
commit 2f7473be0a
4 changed files with 49 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

17
assets/css/style.css
View file

@ -1017,7 +1017,7 @@ button.sort[data-sort-type=up] .arrow {
top: 100%;
left: 0;
min-width: 180px;
margin-top: 4px;
margin-top: var(--padding-inner);
background-color: var(--color-bg);
border: var(--border);
border-radius: var(--radius-btn);
@ -1027,14 +1027,19 @@ button.sort[data-sort-type=up] .arrow {
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
z-index: 100;
}
.dropdown__content::before {
content: "◀";
transform: rotate(90deg);
font-size: 14px;
position: absolute;
top: -13px;
left: 16px;
}
.dropdown__content ul {
list-style: none;
margin: 0;
padding: var(--padding-inner);
}
.dropdown__content li:last-child {
border-bottom: none;
}
.dropdown__content a, .dropdown__content button {
display: block;
width: 100%;
@ -1054,6 +1059,10 @@ button.sort[data-sort-type=up] .arrow {
left: auto;
right: 0;
}
.dropdown--align-right .dropdown__content::before {
left: auto;
right: 16px;
}
.dropdown--position-right .dropdown__content {
top: 0;
left: 100%;