Improve the visual balance of bubble layout (#9704)
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user