mirrors/retrospring
1
0
Fork 1
mirror of https://github.com/Retrospring/retrospring.git synced 2025-03-22 04:17:46 +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

35
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; }
}
#rs-mobile-nav-profile {
.profile-dropdown { left: unset;
left: unset; right: unquote("calc(env(safe-area-inset-right) + 15px)");
right: unquote("calc(env(safe-area-inset-right) + 15px)"); }
}
#rs-mobile-nav-notifications {
.notification-dropdown { 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)"); max-width: unquote("calc(100vw - (8px + env(safe-area-inset-right)) - (8px + env(safe-area-inset-left)))");
width: calc(100vw - 16px); min-width: unset;
}
} }