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

Apply the same max-width to image tile on the thread timeline as message bubble (#8669)

pull/28788/head^2
Suguru Hirahara 2022-05-25 04:31:39 +00:00 committed by GitHub
parent ef69946440
commit 412c207b23
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -112,9 +112,8 @@ limitations under the License.
.mx_DisambiguatedProfile, .mx_DisambiguatedProfile,
.mx_EventTile_line { .mx_EventTile_line {
width: fit-content; width: fit-content;
max-width: 70%; max-width: var(--EventBubbleTile_line-max-width);
// fixed line height to prevent emoji from being taller than text line-height: $font-18px; // fixed line height to prevent emoji from being taller than text
line-height: $font-18px;
} }
// other users profile on bubble layout // other users profile on bubble layout
@ -265,6 +264,7 @@ limitations under the License.
.mx_EventTile_line { .mx_EventTile_line {
--EventBubbleTile_line-margin-inline-end: -12px; --EventBubbleTile_line-margin-inline-end: -12px;
--EventBubbleTile_line-max-width: 70%;
position: relative; position: relative;
display: flex; display: flex;

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

@ -901,8 +901,9 @@ $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; padding-block: 0;
max-width: 100%; padding-inline-start: 0;
max-width: var(--EventBubbleTile_line-max-width);
} }
&[data-self=true] { &[data-self=true] {