PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Adjust typography in key part of the app (#11313)

Browse source
This commit is contained in:
Germain 2023-08-01 11:31:21 +01:00 committed by GitHub
parent 340e301844
commit 5ec2c35497
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 6 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
res/css/components/views/settings/devices/_DeviceDetails.pcss
View file

@ -55,7 +55,7 @@ limitations under the License.
} }
.mx_DeviceDetails_metadataTable { .mx_DeviceDetails_metadataTable {
font-size: $font-12px; font: var(--cpd-font-body-sm-regular);
color: $secondary-content; color: $secondary-content;
width: 100%; width: 100%;

3
res/css/components/views/settings/devices/_DeviceTile.pcss
View file

@ -31,9 +31,8 @@ limitations under the License.
.mx_DeviceTile_metadata { .mx_DeviceTile_metadata {
margin-top: $spacing-4; margin-top: $spacing-4;
font-size: $font-12px; font: var(--cpd-font-body-sm-regular);
color: $secondary-content; color: $secondary-content;
line-height: $font-14px;
} }
.mx_DeviceTile_inactiveIcon { .mx_DeviceTile_inactiveIcon {

2
res/css/views/elements/_Dropdown.pcss
View file

@ -29,7 +29,7 @@ limitations under the License.
position: relative; position: relative;
border-radius: 4px; border-radius: 4px;
border: 1px solid $strong-input-border-color; border: 1px solid $strong-input-border-color;
font-size: $font-12px; font: var(--cpd-font-body-sm-regular);
user-select: none; user-select: none;
} }

2
res/css/views/right_panel/_BaseCard.pcss
View file

@ -229,7 +229,7 @@ limitations under the License.
color: $primary-content; color: $primary-content;
} }
font-size: $font-12px; font: var(--cpd-font-body-sm-regular);
color: $secondary-content; color: $secondary-content;
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;

3
res/css/views/rooms/_EventTile.pcss
View file

@ -1160,6 +1160,7 @@ $left-gutter: 64px;
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;
font: var(--cpd-font-body-sm-regular);
&::before { &::before {
@mixin ThreadSummaryIcon; @mixin ThreadSummaryIcon;
@ -1167,8 +1168,6 @@ $left-gutter: 64px;
.mx_ThreadPanel_replies_amount { .mx_ThreadPanel_replies_amount {
@mixin ThreadRepliesAmount; @mixin ThreadRepliesAmount;
line-height: var(--EventTile_ThreadSummary-line-height);
font-size: $font-12px; /* Same font size as the counter on the main panel */
} }
.mx_ThreadSummary_content { .mx_ThreadSummary_content {

7
res/css/views/rooms/_ThreadSummary.pcss
View file

@ -14,12 +14,6 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_ThreadSummary,
.mx_ThreadSummary_content,
.mx_ThreadSummary_icon {
font-size: $font-12px;
}
.mx_ThreadSummary, .mx_ThreadSummary,
.mx_ThreadSummary_content { .mx_ThreadSummary_content {
color: $secondary-content; color: $secondary-content;
@ -47,6 +41,7 @@ limitations under the License.
clear: both; clear: both;
overflow: hidden; overflow: hidden;
border: 1px solid $panels; /* always render a border so the hover effect doesn't require a re-layout */ border: 1px solid $panels; /* always render a border so the hover effect doesn't require a re-layout */
font: var(--cpd-font-body-sm-regular);
.mx_ThreadSummary_chevron { .mx_ThreadSummary_chevron {
position: absolute; position: absolute;