Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-03-19 19:11:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix bottom sheet max-height so it doesn't push the top out of viewport

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2026-03-05 21:55:06 -05:00
parent 4aea3a8055
commit 009be46832
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/scss/modules/bottom-sheet.scss
View File

@@ -9,21 +9,22 @@
inset: auto 0 0 0!important; inset: auto 0 0 0!important;
margin: 0 -1px -1px -1px; margin: 0 -1px -1px -1px;
padding: $spacer * 0.25 !important; max-height: 100dvh!important;
max-height: clamp(600px, 80dvh, 90dvh);
box-shadow: 0 2px 6px rgba(0,0,0,0.35); box-shadow: 0 2px 6px rgba(0,0,0,0.35);
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);
transition: transform 0.3s, visibility 0s 0.3s; transition: transform 0.3s, visibility 0s 0.3s;
z-index: $zindex-popover; z-index: $zindex-popover;
padding: 5px 0 10px; padding: $spacer * 0.25 !important;
border-radius: 0; border-radius: 0;
border: 0px; border: 0px;
border-top: 1px solid $border-color; border-top: 1px solid $border-color;
> ul {
max-height: clamp(300px, 60dvh, 100dvh)!important;
}
> li { > li {
> a, .dropdown-item { > a, .dropdown-item {
padding: 10px 20px; padding: 10px 20px;