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

This commit is contained in:
Suguru Hirahara
2022-06-29 18:31:40 +00:00
committed by GitHub
parent 9c0d2080f2
commit 5165ef02ff

View File

@@ -19,6 +19,8 @@ $left-gutter: 64px;
$threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
.mx_EventTile {
--EventTile_content-margin-inline-end: 34px; // TODO: Use a spacing variable
flex-shrink: 0;
.mx_EventTile_avatar {
@@ -84,7 +86,13 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
}
.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,
@@ -299,14 +307,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
&:hover .mx_EventTile_e2eIcon {
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 {
@@ -332,7 +332,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
*/
overflow-y: hidden;
overflow-x: hidden;
margin-right: 34px;
margin-right: var(--EventTile_content-margin-inline-end);
.mx_EventTile_edited,
.mx_EventTile_pendingModeration {