Improve the visual balance of bubble layout (#9704)

pull/28788/head^2
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

View File

@ -43,7 +43,9 @@ limitations under the License.
--EventTile_bubble_gap-inline: 5px;
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);
font-size: $font-14px;

View File

@ -462,6 +462,11 @@ $left-gutter: 64px;
&.mx_EventTile_continuation {
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);
}
}
}