mirrors/retrospring
1
0
Fork 1
mirror of https://github.com/Retrospring/retrospring.git synced 2025-03-22 04:07:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

Prevent notifications dropdown from going off-screen

Browse source
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

13
app/javascript/styles/components/_mobile-nav.scss
View file

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