andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Fix text size flicker

Browse source
This commit is contained in:
schmelczerandras 2020-11-19 13:14:21 +01:00
parent b7392ecbf9
commit 01c3dba7f7
3 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/page/theme-switcher/theme-switcher.ts
View file

@ -24,7 +24,7 @@ export class PageThemeSwitcher extends PageElement {
(this.htmlRoot as HTMLInputElement).checked = true; (this.htmlRoot as HTMLInputElement).checked = true;
turnOffAnimations(); turnOffAnimations();
turnOnDarkMode(); turnOnDarkMode();
setTimeout(() => turnOnAnimations(), 0); turnOnAnimations();
} else { } else {
turnOnLightMode(); turnOnLightMode();
} }

2
src/style/vars.scss
View file

@ -9,9 +9,7 @@
--accent-color: #b7455e; --accent-color: #b7455e;
--sun-color: #f7f78c; --sun-color: #f7f78c;
--very-light-text-color: #ffffff; --very-light-text-color: #ffffff;
}
:root {
--background: #ffffff; --background: #ffffff;
--normal-text-color: #31343f; --normal-text-color: #31343f;
--card-color: #ffffff; --card-color: #ffffff;

3
src/styles.scss
View file

@ -6,7 +6,6 @@
html { html {
height: 100%; height: 100%;
background-color: var(--background);
transition: background-color linear var(--transition-time); transition: background-color linear var(--transition-time);
@include on-small-screen { @include on-small-screen {
@ -68,6 +67,8 @@ html {
} }
body { body {
background-color: var(--background);
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
env(safe-area-inset-left); env(safe-area-inset-left);