sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Call Tile - Improve tile alignment in modern and bubble layout (#33478)

Browse Source 
* Tile must have same indent as messages

* Align the call tiles between the bubbles
This commit is contained in:
R Midhun Suresh
2026-05-19 09:18:30 +00:00
committed by GitHub
parent 02b6520f09
commit 00ccc97c79
4 changed files with 55 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/res/css/views/rooms/_EventBubbleTile.pcss
+17 -1
View File
@@ -355,7 +355,8 @@ Please see LICENSE files in the repository root for full details.
}
}
&:not(.mx_EventTile_noBubble) .mx_EventTile_line:not(.mx_EventTile_mediaLine) {
&:not(.mx_EventTile_noBubble):not(.mx_EventTile_alignedBetweenBubbles)
.mx_EventTile_line:not(.mx_EventTile_mediaLine) {
/* make the top and bottom padding 1px smaller so that we can pad
.mx_EventTile_content by 1px */
/* to avoid anti-zalgo cutting off our larger than text emojis. */
@@ -523,6 +524,21 @@ Please see LICENSE files in the repository root for full details.
.mx_CallEvent_wrapper {
justify-content: center;
}
&.mx_EventTile_alignedBetweenBubbles {
margin-inline-start: calc(
var(--EventTile_bubble-margin-inline-start) + var(--EventTile_bubble_line-margin-inline-start)
);
margin-inline-end: calc(
var(--EventTile_bubble-margin-inline-end) + var(--EventTile_bubble_line-margin-inline-end)
);
.mx_EventTile_line {
max-width: 100%;
width: 100%;
margin: 0;
}
}
}
.mx_EventTile.mx_EventTile_noBubble[data-layout="bubble"] {