Speficy color and font for files which start with mx_M

Signed-off-by: Suguru Hirahara <[email protected]>
SchildiChat · Mar 4, 2024 · 1083d33 · 1083d33
1 parent 7f32c7c
commit 1083d33
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/res/css/_sc/feature-improvement/consistency__TextEvent/index.pcss b/res/css/_sc/feature-improvement/consistency__TextEvent/index.pcss
@@ -23,5 +23,6 @@ limitations under the License.
 @define-mixin consistency__TextEvent {
     @mixin EventTile_line_color;
     @mixin EventTile_line_font;
+    @mixin EventTile_line_M;
     @mixin DecryptionFailureBody;
 }
diff --git a/res/css/_sc/feature-improvement/consistency__TextEvent/views/rooms/_EventTile.pcss b/res/css/_sc/feature-improvement/consistency__TextEvent/views/rooms/_EventTile.pcss
@@ -57,3 +57,23 @@ limitations under the License.
         }
     }
 }
+
+/* Speficy color and font for files which start with mx_M */
+@define-mixin EventTile_line_M {
+    .mx_EventTile_line {
+        [class^="mx_M"] {
+            /* Unset opacity of mx_MNoticeBody and mx_MjolnirBody */
+            opacity: unset;
+
+            /* For mx_MNoticeBody */
+            /* See #fdroid:f-droid.org/$jrVZxdvY2NqNYvXigQ_sTZNeOadpOuFGFsraHy8GR3Y for an example */
+            .mx_EventTile_body.markdown-body {
+                --font: var(--cpd-font-body-sm-regular); /* Replace with js when needed */
+
+                /* !important flag is required as it is used on the upstream */
+                color: $tertiary-content !important;
+                font: var(--font) !important;
+            }
+        }
+    }
+}