Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[mobile] for bug 57560

Browse source
This commit is contained in:
Maxim Kadushkin 2022-08-12 14:55:09 +03:00
parent 1595ba125b
commit 16f0e09949
2 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/mobile/resources/css/skeleton.css vendored
View file

@ -92,6 +92,10 @@ body.theme-type-dark {
animation: flickerAnimation 2s infinite ease-in-out; animation: flickerAnimation 2s infinite ease-in-out;
} }
.framework7-initializing .page-content {
display: none;
}
@keyframes flickerAnimation { @keyframes flickerAnimation {
0% { opacity:0.1; } 0% { opacity:0.1; }
50% { opacity:1; } 50% { opacity:1; }

22
apps/common/mobile/utils/htmlutils.js
View file

@ -1,25 +1,25 @@
let obj = !localStorage ? {id: 'theme-light', type: 'light'} : JSON.parse(localStorage.getItem("ui-theme"));
if ( !obj ) {
obj = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ?
{id: 'theme-dark', type: 'dark'} : {id: 'theme-light', type: 'light'};
localStorage && localStorage.setItem("ui-theme", JSON.stringify(obj));
}
document.body.classList.add(`theme-type-${obj.type}`);
const load_stylesheet = reflink => { const load_stylesheet = reflink => {
let link = document.createElement( "link" ); let link = document.createElement( "link" );
link.href = reflink; link.href = reflink;
link.type = "text/css"; // link.type = "text/css";
link.rel = "stylesheet"; link.rel = "stylesheet";
document.getElementsByTagName("head")[0].appendChild(link); document.getElementsByTagName("head")[0].appendChild(link);
}; };
if ( !localStorage && localStorage.getItem('mode-direction') === 'rtl' ) { if ( !localStorage && localStorage.getItem('mode-direction') === 'rtl' ) {
document.body.classList.add('rtl');
load_stylesheet('./css/framework7-rtl.css') load_stylesheet('./css/framework7-rtl.css')
document.body.classList.add('rtl');
} else { } else {
load_stylesheet('./css/framework7.css') load_stylesheet('./css/framework7.css')
} }
let obj = !localStorage ? {id: 'theme-light', type: 'light'} : JSON.parse(localStorage.getItem("ui-theme"));
if ( !obj ) {
obj = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ?
{id: 'theme-dark', type: 'dark'} : {id: 'theme-light', type: 'light'};
localStorage && localStorage.setItem("ui-theme", JSON.stringify(obj));
}
document.body.classList.add(`theme-type-${obj.type}`);