Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-26 21:27:48 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Add scroll lock, replace CSS anchors with floating layer, and various fixes (#3407)

Browse Source
This commit is contained in:
hfcRed
2026-09-22 13:15:01 -04:00
committed by GitHub
parent 7976224d53
commit 2b31ecd0fa
51 changed files with 2363 additions and 1085 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/components/elements/Menu.module.css
View File

@@ -1,38 +1,24 @@
.triggerContainer {
display: contents;
> * {
anchor-name: var(--menu-anchor);
}
}
.popover {
position: fixed;
position-area: block-end span-inline-end;
margin: var(--s-2) 0;
position: absolute;
margin: 0;
outline: none;
border-radius: var(--radius-box);
background-color: var(--color-bg-high);
border: var(--border-style);
width: max-content;
max-width: calc(100vw - var(--s-4));
max-width: var(--floating-available-width, 100vw);
font-size: var(--font-sm);
font-weight: var(--weight-semi);
padding: var(--s-2);
color: var(--color-text);
&[data-placement="bottom end"],
&[data-placement="bottom right"] {
position-area: block-end span-inline-start;
}
}
.opensLeft {
position-area: block-end span-inline-start;
}
.scrolling {
max-height: 300px !important;
max-height: min(300px, var(--floating-available-height, 100vh));
overflow-y: auto;
}