Browse Source

CSS: Make sure notifications stick to the chat area bottom

JC Brand 5 years ago
parent
commit
dcd8c8d418
1 changed files with 10 additions and 6 deletions
  1. 10 6
      sass/_chatbox.scss

+ 10 - 6
sass/_chatbox.scss

@@ -213,14 +213,18 @@
             margin-bottom: 0.25em;
         }
         .chat-content {
-            padding: 1em 0 0 0;
-            height: 100%;
-            font-size: var(--message-font-size);
-            color: var(--text-color);
-            overflow-y: auto;
-            border: 0;
             background-color: var(--chat-content-background-color);
+            border: 0;
+            color: var(--text-color);
+            font-size: var(--message-font-size);
+            height: 100%;
             line-height: 1.3em;
+            overflow-y: auto;
+            padding: 1em 0 0 0;
+
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
 
             .chat-content__notifications {
                 height: 1.7em;