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

Prevent notification content from overflowing outside the container

This commit is contained in:
Karina Kwiatek 2022-07-20 16:50:27 +02:00 committed by Karina Kwiatek
parent e8f20d1fd8
commit 5a33c77c3a
1 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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