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

Normalize inline spacing of image and file button on ThreadView (#8664)

Browse source
This commit is contained in:
Suguru Hirahara 2022-05-21 20:19:56 +00:00 committed by GitHub
parent 5082d67dc1
commit 23babbb8ab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/rooms/_EventBubbleTile.scss
View file

@ -243,10 +243,12 @@ limitations under the License.
} }
.mx_EventTile_line { .mx_EventTile_line {
--EventBubbleTile_line-margin-inline-end: -12px;
position: relative; position: relative;
display: flex; display: flex;
gap: 5px; gap: 5px;
margin: 0 -12px 0 -9px; margin: 0 var(--EventBubbleTile_line-margin-inline-end) 0 -9px;
border-top-left-radius: var(--cornerRadius); border-top-left-radius: var(--cornerRadius);
border-top-right-radius: var(--cornerRadius); border-top-right-radius: var(--cornerRadius);

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

@ -895,7 +895,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
margin-inline-end: var(--BaseCard_EventTile-spacing-horizontal); margin-inline-end: var(--BaseCard_EventTile-spacing-horizontal);
.mx_EventTile_line.mx_EventTile_mediaLine { .mx_EventTile_line.mx_EventTile_mediaLine {
padding: 0 !important; padding: 0;
max-width: 100%; max-width: 100%;
.mx_MFileBody { .mx_MFileBody {
@ -907,7 +907,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
align-items: flex-end; align-items: flex-end;
.mx_EventTile_line.mx_EventTile_mediaLine { .mx_EventTile_line.mx_EventTile_mediaLine {
margin: 0 -13px 0 0; // align with normal messages margin: 0 var(--EventBubbleTile_line-margin-inline-end) 0 0; // align with normal messages
} }
} }
} }
@ -935,6 +935,13 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
} }
.mx_MFileBody,
.mx_MImageBody {
display: block; // Apply margin to span element
margin-inline-start: var(--ThreadView_group_spacing-start);
margin-inline-end: var(--ThreadView_group_spacing-end);
}
.mx_ReplyChain_wrapper { .mx_ReplyChain_wrapper {
.mx_MLocationBody { .mx_MLocationBody {
margin-inline-start: 0; margin-inline-start: 0;
@ -965,20 +972,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
} }
} }
.mx_EventTile_mediaLine {
padding-inline-start: var(--ThreadView_group_spacing-start);
}
}
.mx_EventTile_mediaLine {
padding-inline-start: var(--BaseCard_EventTile-spacing-horizontal);
padding-right: 50px;
.mx_MImageBody {
margin: 0;
padding: 0;
}
} }
.mx_MessageComposer_sendMessage { .mx_MessageComposer_sendMessage {