Improve the visual balance of bubble layout (#9704)
This commit is contained in:
parent
0358e038a9
commit
2d9fa81cf5
2 changed files with 8 additions and 1 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue