From 1af8da4a4a07fe5c4835d595d7f3358ae2b633a8 Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Thu, 27 Jun 2019 17:19:01 +0200 Subject: [PATCH] change lozenge color of unsent redacted events to red use css vars so we don't have to repeat the whole lozenge style --- res/css/views/rooms/_EventTile.scss | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 1f75373be8..02eb0049d9 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -171,12 +171,19 @@ limitations under the License. opacity: 0.4; } +div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody { + --lozenge-color: $event-notsent-color !important; + --lozenge-border-color: $event-notsent-color !important; +} + .mx_EventTile_notSent { color: $event-notsent-color; } .mx_EventTile_redacted .mx_EventTile_line .mx_UnknownBody, .mx_EventTile_redacted .mx_EventTile_reply .mx_UnknownBody { + --lozenge-color: $event-redacted-fg-color; + --lozenge-border-color: $event-redacted-border-color; display: block; width: 100%; height: 22px; @@ -184,12 +191,12 @@ limitations under the License. border-radius: 11px; background: repeating-linear-gradient( -45deg, - $event-redacted-fg-color, - $event-redacted-fg-color 3px, + var(--lozenge-color), + var(--lozenge-color) 3px, transparent 3px, transparent 6px ); - box-shadow: 0px 0px 3px $event-redacted-border-color inset; + box-shadow: 0px 0px 3px var(--lozenge-border-color) inset; } .mx_EventTile_highlight,