Fix #49: notifications container covering the whole screen

Glodenox · Nov 14, 2023 · 210b8f3 · 210b8f3
1 parent 8611146
commit 210b8f3
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -289,6 +289,13 @@ body.reverse-order .notifications {
   top: 10px;
 }
 
+body.show-message-entry:not(.reverse-order) .notifications {
+  bottom: calc(14px + var(--font-size));
+}
+body.show-message-entry.reverse-order .notifications {
+  top: calc(14px + var(--font-size));
+}
+
 .notifications div {
   border: 2px solid #eee;
   border-color: var(--text-color);
@@ -494,10 +501,6 @@ body.show-message-entry.reverse-order #commands {
   top: calc(9px + var(--font-size));
 }
 
-body.show-message-entry .notifications {
-  bottom: calc(14px + var(--font-size));
-}
-
 body.show-message-entry:not(.reverse-order) #settings {
   bottom: calc(var(--font-size) * 2);
 }