OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Move mx_EventTile_highlight out of mx_EventTile:not([data-layout=bubble]) (#8940) 

* Move mx_EventTile_highlight etc. out of mx_EventTile:not([data-layout=bubble])

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Set highlight text color globally

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28788/head^2
Suguru Hirahara 2022-06-30 04:47:35 +00:00 committed by GitHub
parent 2a4992c56a
commit d439871ea1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/views/rooms/_EventBubbleTile.scss
View File

@ -81,8 +81,6 @@ limitations under the License.
&::before { &::before {
background-color: $event-highlight-bg-color; background-color: $event-highlight-bg-color;
} }
color: $alert;
} }
/* For replies */ /* For replies */

21
res/css/views/rooms/_EventTile.scss
View File

@ -23,6 +23,11 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
flex-shrink: 0; flex-shrink: 0;
&.mx_EventTile_highlight,
&.mx_EventTile_highlight .markdown-body {
color: $alert;
}
.mx_EventTile_avatar { .mx_EventTile_avatar {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
@ -89,6 +94,13 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
&[data-layout=irc], &[data-layout=irc],
&[data-layout=group] { &[data-layout=group] {
&.mx_EventTile_highlight,
&.mx_EventTile_highlight .markdown-body {
.mx_EventTile_line {
background-color: $event-highlight-bg-color;
}
}
.mx_EventTile_e2eIcon { .mx_EventTile_e2eIcon {
position: absolute; position: absolute;
} }
@ -227,15 +239,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
background-color: $event-selected-color; background-color: $event-selected-color;
} }
&.mx_EventTile_highlight,
&.mx_EventTile_highlight .markdown-body {
color: $alert;
.mx_EventTile_line {
background-color: $event-highlight-bg-color;
}
}
&.mx_EventTile_selected.mx_EventTile_info .mx_EventTile_line { &.mx_EventTile_selected.mx_EventTile_info .mx_EventTile_line {
padding-left: calc($left-gutter + 18px); padding-left: calc($left-gutter + 18px);
} }