diff options
| author | Thomas Hackl <hackl@data-quest.de> | 2024-10-08 05:47:08 +0000 |
|---|---|---|
| committer | Thomas Hackl <hackl@data-quest.de> | 2024-10-08 05:47:08 +0000 |
| commit | f784b0acc7449e7453a530cf4b2d30cee66503ea (patch) | |
| tree | 7f4c77bf8e2938892b18fdf77845392dda0a5027 /resources | |
| parent | 08dcf3c21b0f6d07cccce5052d29470797be2e5c (diff) | |
Resolve "Benachrichtigungen machen Probleme in responsiver Ansicht"issue-4678
Closes #4661
Merge request studip/studip!3479
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/assets/stylesheets/scss/responsive.scss | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/resources/assets/stylesheets/scss/responsive.scss b/resources/assets/stylesheets/scss/responsive.scss index 1298dc8..2ceed488 100644 --- a/resources/assets/stylesheets/scss/responsive.scss +++ b/resources/assets/stylesheets/scss/responsive.scss @@ -980,4 +980,35 @@ html:not(.responsive-display):not(.fullscreen-mode) { min-width: 20vw; max-width: 100vw; } + + #system-notifications.bottom-right { + bottom: unset; + left: 0; + right: unset; + top: 0; + + &:not(.system-notifications-login) { + width: 100%; + } + + .system-notification { + &.system-notification-slide-enter, + &.system-notification-slide-leave-to { + opacity: 0; + transform: translateY(-100%); + } + + &.system-notification-slide-leave, + &.system-notification-slide-enter-to { + opacity: 1; + transform: translateY(0); + } + + &.system-notification-slide-enter-active, + &.system-notification-slide-leave-active { + transition: all var(--transition-duration-slow) ease-in-out; + } + + } + } } |