Compound Typography pass regression fixes (#11189)
* Compound Typography pass regression fixes * updates to the room list sizing * fix subtitle clipping * revert display name to use medium variant
This commit is contained in:
@@ -24,7 +24,7 @@ limitations under the License.
|
||||
contain: content; /* Not strict as it will break when resizing a sublist vertically */
|
||||
box-sizing: border-box;
|
||||
|
||||
font-size: $font-13px;
|
||||
font-size: var(--cpd-font-size-body-sm);
|
||||
|
||||
&.mx_RoomTile_selected,
|
||||
&:hover,
|
||||
@@ -60,7 +60,7 @@ limitations under the License.
|
||||
color: $secondary-content;
|
||||
display: flex;
|
||||
gap: $spacing-4;
|
||||
line-height: $font-18px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.mx_RoomTile_title,
|
||||
@@ -71,7 +71,8 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_RoomTile_title {
|
||||
font: var(--cpd-font-heading-sm-medium);
|
||||
font: var(--cpd-font-body-md-regular);
|
||||
line-height: 1;
|
||||
|
||||
&.mx_RoomTile_titleHasUnreadEvents {
|
||||
font-weight: var(--cpd-font-weight-semibold);
|
||||
@@ -79,7 +80,8 @@ limitations under the License.
|
||||
}
|
||||
|
||||
.mx_RoomTile_titleWithSubtitle {
|
||||
margin-top: -3px; /* shift the title up a bit more */
|
||||
margin-top: -2px; /* shift the title up a bit more */
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user