diff --git a/patches/element-web/0001-Improve-IRC-layout-for-SchildiChat.patch b/patches/element-web/0001-Improve-IRC-layout-for-SchildiChat.patch index 81c5677e..056473f2 100644 --- a/patches/element-web/0001-Improve-IRC-layout-for-SchildiChat.patch +++ b/patches/element-web/0001-Improve-IRC-layout-for-SchildiChat.patch @@ -1,4 +1,4 @@ -From 966c9fee92214f47028fee01ee27245fb587e259 Mon Sep 17 00:00:00 2001 +From 505fa2dc8e0b86713e0971c0c3a7db67b2d8e55c Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Thu, 31 Oct 2024 07:07:47 -0400 Subject: Improve IRC layout for SchildiChat @@ -6,9 +6,9 @@ Subject: Improve IRC layout for SchildiChat Signed-off-by: Suguru Hirahara --- .../elements/_GenericEventListSummary.pcss | 15 ++ - res/css/views/rooms/_EventTile.pcss | 132 ++++++++++++++++-- + res/css/views/rooms/_EventTile.pcss | 142 ++++++++++++++++-- res/css/views/rooms/_IRCLayout.pcss | 2 + - 3 files changed, 139 insertions(+), 10 deletions(-) + 3 files changed, 149 insertions(+), 10 deletions(-) diff --git a/res/css/views/elements/_GenericEventListSummary.pcss b/res/css/views/elements/_GenericEventListSummary.pcss index c13f819439..4f42040606 100644 @@ -43,7 +43,7 @@ index c13f819439..4f42040606 100644 margin-top: $spacing-8; } diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss -index 311e059166..ad69998e4f 100644 +index 311e059166..81b9a7073a 100644 --- a/res/css/views/rooms/_EventTile.pcss +++ b/res/css/views/rooms/_EventTile.pcss @@ -1,5 +1,6 @@ @@ -120,7 +120,7 @@ index 311e059166..ad69998e4f 100644 } &:hover { -@@ -343,17 +378,52 @@ $left-gutter: 64px; +@@ -343,17 +378,62 @@ $left-gutter: 64px; display: inline; background-color: $event-selected-color; border-radius: 8px 0 0 8px; @@ -166,16 +166,26 @@ index 311e059166..ad69998e4f 100644 + + .mx_EventTile_content { + .markdown-body { ++ > * { ++ margin-bottom: 4px; /* Unify block end margin for type elements like blockquote */ ++ } ++ + code:not(pre *) { + padding-block: 0; /* Remove block padding to avoid line height overflow */ + } ++ ++ .mx_EventTile_pre_container { ++ pre { ++ margin-bottom: 0; /* Remove default block end margin */ ++ } ++ } + } + } + .mx_EventTile_e2eIcon { padding: 0; flex-grow: 0; -@@ -365,9 +435,8 @@ $left-gutter: 64px; +@@ -365,9 +445,8 @@ $left-gutter: 64px; .mx_TextualEvent, .mx_ViewSourceEvent, .mx_MTextBody { @@ -187,7 +197,7 @@ index 311e059166..ad69998e4f 100644 } .mx_EventTile_e2eIcon, -@@ -405,8 +474,36 @@ $left-gutter: 64px; +@@ -405,8 +484,36 @@ $left-gutter: 64px; } } @@ -226,7 +236,7 @@ index 311e059166..ad69998e4f 100644 } .mx_MessageTimestamp { -@@ -459,8 +556,14 @@ $left-gutter: 64px; +@@ -459,8 +566,14 @@ $left-gutter: 64px; &.mx_EventTile_emote { .mx_EventTile_avatar { @@ -243,7 +253,7 @@ index 311e059166..ad69998e4f 100644 } } -@@ -642,6 +745,15 @@ $left-gutter: 64px; +@@ -642,6 +755,15 @@ $left-gutter: 64px; var(--name-width) + var(--icon-width) + var(--MessageTimestamp-width) + 2 * var(--right-padding) ); }