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

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

pull/28788/head^2
Suguru Hirahara 2022-06-29 18:31:40 +00:00 committed by GitHub
parent 9c0d2080f2
commit 5165ef02ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,6 +19,8 @@ $left-gutter: 64px;
$threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
.mx_EventTile { .mx_EventTile {
--EventTile_content-margin-inline-end: 34px; // TODO: Use a spacing variable
flex-shrink: 0; flex-shrink: 0;
.mx_EventTile_avatar { .mx_EventTile_avatar {
@ -84,7 +86,13 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
.mx_MImageBody { .mx_MImageBody {
margin-right: 34px; margin-right: var(--EventTile_content-margin-inline-end);
.mx_MImageBody_thumbnail_container {
justify-content: flex-start;
min-height: $font-44px;
min-width: $font-44px;
}
} }
.mx_EventTile_line, .mx_EventTile_line,
@ -299,14 +307,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
&:hover .mx_EventTile_e2eIcon { &:hover .mx_EventTile_e2eIcon {
opacity: 1; opacity: 1;
} }
.mx_MImageBody {
.mx_MImageBody_thumbnail_container {
justify-content: flex-start;
min-height: $font-44px;
min-width: $font-44px;
}
}
} }
.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line { .mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line {
@ -332,7 +332,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
*/ */
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
margin-right: 34px; margin-right: var(--EventTile_content-margin-inline-end);
.mx_EventTile_edited, .mx_EventTile_edited,
.mx_EventTile_pendingModeration { .mx_EventTile_pendingModeration {