mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-22 17:25:50 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use rem to guard against font scaling breakages

Browse source
This commit is contained in:
Swapnil Raj 2020-07-16 20:15:28 +05:30
parent 1195c09f5c
commit 0ddfd9ee8c
2 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
res/css/_font-sizes.scss
View file

@ -68,5 +68,6 @@ $font-49px: 4.9rem;
$font-50px: 5.0rem; $font-50px: 5.0rem;
$font-51px: 5.1rem; $font-51px: 5.1rem;
$font-52px: 5.2rem; $font-52px: 5.2rem;
$font-78px: 7.8rem;
$font-88px: 8.8rem; $font-88px: 8.8rem;
$font-400px: 40rem; $font-400px: 40rem;

4
res/css/views/elements/_Field.scss
View file

@ -16,6 +16,8 @@ limitations under the License.
/* TODO: Consider unifying with general input styles in _light.scss */ /* TODO: Consider unifying with general input styles in _light.scss */
@import "../../_font-sizes.scss";
.mx_Field { .mx_Field {
display: flex; display: flex;
flex: 1; flex: 1;
@ -191,5 +193,5 @@ limitations under the License.
} }
.mx_Field .mx_CountryDropdown { .mx_Field .mx_CountryDropdown {
width: 78px; width: $font-78px;
} }