imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compound Typography pass regression fixes (#11189)

Browse source 
* 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
Download patch file Download diff file Expand all files Collapse all files

1
res/css/components/views/settings/shared/_SettingsSubsection.pcss
View file

@ -26,7 +26,6 @@ limitations under the License.
.mx_SettingsSubsection_text {
width: 100%;
box-sizing: inherit;
font-size: $font-15px;
color: $secondary-content;
}

10
res/css/views/rooms/_RoomTile.pcss
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;
}
}

1
res/css/views/settings/_NotificationSettings2.pcss
View file

@ -69,7 +69,6 @@ limitations under the License.
.mx_Tag {
border-radius: 18px;
line-height: 2.4rem;
padding: 6px 12px;
background: $panel-actions;
margin: 0;

2
res/css/views/settings/tabs/_SettingsSection.pcss
View file

@ -17,7 +17,7 @@ limitations under the License.
.mx_SettingsSection {
--SettingsTab_section-margin-bottom-preferences-labs: 30px;
--SettingsTab_heading_nth_child-margin-top: 30px;
--SettingsTab_tooltip-max-width: 120px; /* So it fits in the space provided by the page */
--SettingsTab_tooltip-max-width: 20px; /* So it fits in the space provided by the page */
color: $primary-content;