UX: Fix chat separator alignment (#20669 )

Also: work around 1px svg shift in scroll-to-bottom button
2023-03-18 18:03:54 +01:00
2 changed files with 4 additions and 5 deletions
--- a/plugins/chat/assets/stylesheets/common/base-common.scss
+++ b/plugins/chat/assets/stylesheets/common/base-common.scss
@ -384,6 +384,7 @@ $float-height: 530px;

      .d-icon {
        color: var(--secondary);
+        margin-left: 1px; // "fixes" the 1px svg shift
      }
    }

--- a/plugins/chat/assets/stylesheets/common/chat-message-separator.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-message-separator.scss
@ -56,7 +56,9 @@
    }

    .chat-message-separator__text-container {
-      padding-top: 7px;
+      align-items: center;
+      display: flex;
+      height: 40px;
      position: sticky;
      top: -1px;

@ -98,11 +100,7 @@

      .chat-message-separator__line {
        border-top: 1px solid var(--secondary-high);
-        left: 0;
        margin: 0 0 -1px;
-        position: relative;
-        right: 0;
-        top: -1px;
      }
    }
  }