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

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

@ -27,21 +27,33 @@
} }
} }
#rs-mobile-nav-notifications, @include media-breakpoint-down("md") {
#rs-mobile-nav-profile { .notification-dropdown,
bottom: unquote("calc(env(safe-area-inset-bottom) + #{$navbar-height + 2px})"); .profile-dropdown {
position: fixed; bottom: unquote("calc(env(safe-area-inset-bottom) + #{$navbar-height + 2px})");
top: unset; position: fixed;
} 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)"); 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)))"); 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;
}
}
}
} }