PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

change lozenge color of unsent redacted events to red

Browse source 
use css vars so we don't have to repeat the whole lozenge style
This commit is contained in:
Bruno Windels 2019-06-27 17:19:01 +02:00
parent 4427e139be
commit 1af8da4a4a
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
res/css/views/rooms/_EventTile.scss
View file

@ -171,12 +171,19 @@ limitations under the License.
opacity: 0.4; 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 { .mx_EventTile_notSent {
color: $event-notsent-color; color: $event-notsent-color;
} }
.mx_EventTile_redacted .mx_EventTile_line .mx_UnknownBody, .mx_EventTile_redacted .mx_EventTile_line .mx_UnknownBody,
.mx_EventTile_redacted .mx_EventTile_reply .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; display: block;
width: 100%; width: 100%;
height: 22px; height: 22px;
@ -184,12 +191,12 @@ limitations under the License.
border-radius: 11px; border-radius: 11px;
background: repeating-linear-gradient( background: repeating-linear-gradient(
-45deg, -45deg,
$event-redacted-fg-color, var(--lozenge-color),
$event-redacted-fg-color 3px, var(--lozenge-color) 3px,
transparent 3px, transparent 3px,
transparent 6px 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, .mx_EventTile_highlight,