Improve IRC layout for SchildiChat

Signed-off-by: Suguru Hirahara <[email protected]>
SchildiChat · Oct 31, 2024 · 40a3043 · 40a3043
1 parent 903156c
commit 40a3043
Showing 1 changed file with 19 additions and 9 deletions.
diff --git a/patches/element-web/0001-Improve-IRC-layout-for-SchildiChat.patch b/patches/element-web/0001-Improve-IRC-layout-for-SchildiChat.patch
@@ -1,14 +1,14 @@
-From 966c9fee92214f47028fee01ee27245fb587e259 Mon Sep 17 00:00:00 2001
+From 505fa2dc8e0b86713e0971c0c3a7db67b2d8e55c Mon Sep 17 00:00:00 2001
 From: Suguru Hirahara <[email protected]>
 Date: Thu, 31 Oct 2024 07:07:47 -0400
 Subject: Improve IRC layout for SchildiChat
 
 Signed-off-by: Suguru Hirahara <[email protected]>
 ---
  .../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)
              );
          }