FreakU
/
Retrospring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prevent notifications dropdown from going off-screen

This commit is contained in:
Karina Kwiatek 2022-07-20 16:08:25 +02:00 committed by Karina Kwiatek
parent db04f5c77c
commit c4b241f9e1
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/javascript/styles/components/_mobile-nav.scss
View File

@ -27,22 +27,21 @@
}
}
@include media-breakpoint-down("md") {
.notification-dropdown,
.profile-dropdown {
bottom: unquote("calc(env(safe-area-inset-bottom) + #{$navbar-height + 2px})");
position: fixed;
top: unset;
}
.profile-dropdown {
left: unset;
right: unquote("calc(env(safe-area-inset-right) + 15px)");
}
.notification-dropdown {
left: unquote("calc(env(safe-area-inset-left) + 8px)");
right: unquote("calc(env(safe-area-inset-right) + 8px)");
width: calc(100vw - 16px);
}
#rs-mobile-nav-notifications,
#rs-mobile-nav-profile {
bottom: unquote("calc(env(safe-area-inset-bottom) + #{$navbar-height + 2px})");
position: fixed;
top: unset;
}
#rs-mobile-nav-profile {
left: unset;
right: unquote("calc(env(safe-area-inset-right) + 15px)");
}
#rs-mobile-nav-notifications {
left: unquote("calc(env(safe-area-inset-left) + 8px)");
right: unquote("calc(env(safe-area-inset-right) + 8px)");
max-width: unquote("calc(100vw - (8px + env(safe-area-inset-right)) - (8px + env(safe-area-inset-left)))");
min-width: unset;
}