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:
Germain 2023-07-04 17:54:28 +01:00 committed by GitHub
parent 3ad9a8fe3b
commit 2a7780052e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
32 changed files with 50 additions and 44 deletions

View file

@ -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;
}
}