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:
parent
3ad9a8fe3b
commit
2a7780052e
32 changed files with 50 additions and 44 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue