ConverseJS theme: Fix margin when hidding avatars.

2021-11-22 14:50:55 +01:00
parent 01faeb2d4d
commit d45893a22c
2 changed files with 14 additions and 6 deletions
--- a/conversejs/custom/sass/_peertubetheme.scss
+++ b/conversejs/custom/sass/_peertubetheme.scss
@ -2,12 +2,20 @@
  // hidding avatars when screen width is not big enough.
  @media screen and (max-width: 576px) {
    .message {
-      .chat-msg__content {
-        width: 100%;
-      }
+      &.chat-msg {
+        .chat-msg__content {
+          width: 100%;
+        }

-      .chat-msg__avatar {
-        display: none;
+        &.chat-msg--followup {
+          &.chat-msg--with-avatar .chat-msg__content {
+            margin-left: 0.5em;
+          }
+        }
+
+        .chat-msg__avatar {
+          display: none;
+        }
      }
    }
  }