mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-29 12:58:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

Improve the visual balance of bubble layout (#9704)

Browse source
This commit is contained in:
Robin 2022-12-03 17:31:40 -05:00 committed by GitHub
parent 0358e038a9
commit 2d9fa81cf5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -43,7 +43,9 @@ limitations under the License.
--EventTile_bubble_gap-inline: 5px; --EventTile_bubble_gap-inline: 5px;
position: relative; position: relative;
margin-top: var(--gutterSize); /* Other half of the gutter is provided by margin-bottom on the last tile
of the section */
margin-top: calc(var(--gutterSize) / 2);
margin-left: var(--EventTile_bubble-margin-inline-start); margin-left: var(--EventTile_bubble-margin-inline-start);
font-size: $font-14px; font-size: $font-14px;

5
res/css/views/rooms/_EventTile.pcss
View file

@ -462,6 +462,11 @@ $left-gutter: 64px;
&.mx_EventTile_continuation { &.mx_EventTile_continuation {
margin-top: 2px; margin-top: 2px;
} }
&.mx_EventTile_lastInSection {
/* Other half of the gutter is provided by margin-top on the first
tile of the section */
margin-bottom: calc(var(--gutterSize) / 2);
}
} }
} }