Reduce pinned message banner size (#28)
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 4 KiB After Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 4 KiB After Width: | Height: | Size: 3.9 KiB |
|
@ -11,8 +11,8 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: var(--cpd-space-4x);
|
gap: var(--cpd-space-4x);
|
||||||
/* 80px = 79px + 1px from the bottom border */
|
/* 64px = 63px + 1px from the bottom border */
|
||||||
height: 79px;
|
height: 63px;
|
||||||
padding: 0 var(--cpd-space-4x);
|
padding: 0 var(--cpd-space-4x);
|
||||||
|
|
||||||
background-color: var(--cpd-color-bg-canvas-default);
|
background-color: var(--cpd-color-bg-canvas-default);
|
||||||
|
@ -106,9 +106,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_PinnedMessageBanner[data-single-message="true"] {
|
.mx_PinnedMessageBanner[data-single-message="true"] {
|
||||||
/* 64px = 63px + 1px from the bottom border */
|
|
||||||
height: 63px;
|
|
||||||
|
|
||||||
.mx_PinnedMessageBanner_content {
|
.mx_PinnedMessageBanner_content {
|
||||||
grid-template: "indicators pinIcon message" auto;
|
grid-template: "indicators pinIcon message" auto;
|
||||||
|
|
||||||
|
|