Reduce pinned message banner size (#28)

element-hq · Sep 11, 2024 · 75918f5 · 75918f5
1 parent 433c14e
commit 75918f5
Show file tree

Hide file tree

Showing 7 changed files with 2 additions and 5 deletions.
diff --git a/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg1-linux.png b/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg1-linux.png
diff --git a/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg2-linux.png b/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-2-Msg2-linux.png
diff --git a/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg1-linux.png b/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg1-linux.png
diff --git a/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg2-linux.png b/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg2-linux.png
diff --git a/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg3-linux.png b/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg3-linux.png
diff --git a/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg4-linux.png b/.../pinned-messages/pinned-messages.spec.ts/pinned-message-banner-4-Msg4-linux.png
diff --git a/res/css/views/rooms/_PinnedMessageBanner.pcss b/res/css/views/rooms/_PinnedMessageBanner.pcss
@@ -11,8 +11,8 @@
     align-items: center;
     justify-content: space-between;
     gap: var(--cpd-space-4x);
-    /* 80px = 79px + 1px from the bottom border */
-    height: 79px;
+    /* 64px = 63px + 1px from the bottom border */
+    height: 63px;
     padding: 0 var(--cpd-space-4x);
 
     background-color: var(--cpd-color-bg-canvas-default);
@@ -106,9 +106,6 @@
 }
 
 .mx_PinnedMessageBanner[data-single-message="true"] {
-    /* 64px = 63px + 1px from the bottom border */
-    height: 63px;
-
     .mx_PinnedMessageBanner_content {
         grid-template: "indicators pinIcon message" auto;