From f784b0acc7449e7453a530cf4b2d30cee66503ea Mon Sep 17 00:00:00 2001
From: Thomas Hackl <hackl@data-quest.de>
Date: Tue, 8 Oct 2024 05:47:08 +0000
Subject: [PATCH] Resolve "Benachrichtigungen machen Probleme in responsiver
Ansicht"
Closes #4661
Merge request studip/studip!3479
---
.../assets/stylesheets/scss/responsive.scss | 31 +++++++++++++++++++
1 file changed, 31 insertions(+)
diff --git a/resources/assets/stylesheets/scss/responsive.scss b/resources/assets/stylesheets/scss/responsive.scss
index 1298dc87ba7..2ceed4888c5 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;
+ }
+
+ }
+ }
}
--
GitLab