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

[SSE mobile] adapt start markup for ios devices

Browse source
This commit is contained in:
Maxim Kadushkin 2021-09-28 10:53:40 +03:00
parent 594db69572
commit 83654a29d6
2 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -26,15 +26,15 @@ body {
height: calc(56px + 26px); height: calc(56px + 26px);
} }
.skl-navbar.skl-navbar--word { .skl-navbar.skl-navbar--word:not(.skl-navbar--ios) {
background-color: #446995; background-color: #446995;
} }
.skl-navbar.skl-navbar--cell { .skl-navbar.skl-navbar--cell:not(.skl-navbar--ios) {
background-color: #40865c; background-color: #40865c;
} }
.skl-navbar.skl-navbar--slide { .skl-navbar.skl-navbar--slide:not(.skl-navbar--ios) {
background-color: #aa5252; background-color: #aa5252;
} }

14
apps/spreadsheeteditor/mobile/src/index_dev.html
View file

@ -41,11 +41,13 @@
// Framework7 doesn't set Device.android flag when navigator.platform == 'Win32', change it for debug // Framework7 doesn't set Device.android flag when navigator.platform == 'Win32', change it for debug
navigator.__defineGetter__('platform', () => 'Win32Debug'); navigator.__defineGetter__('platform', () => 'Win32Debug');
const element_add_class = (el, cls) => {
el && el.classList.add(cls)
}
let navbar = document.querySelector('.skl-navbar'); let navbar = document.querySelector('.skl-navbar');
if ( window.devicePixelRatio ) { if ( window.devicePixelRatio ) {
if ( navbar ) { element_add_class(navbar, `skl-pixel-ratio--${Math.floor(window.devicePixelRatio)}`);
navbar.classList.add(`skl-pixel-ratio--${Math.floor(window.devicePixelRatio)}`);
}
} }
if ( !isAndroid ) { if ( !isAndroid ) {
@ -57,11 +59,11 @@
Object.defineProperty(navigator, 'userAgent', { Object.defineProperty(navigator, 'userAgent', {
get: function () { return `iPad; CPU OS 11_0 ${ua}`; } get: function () { return `iPad; CPU OS 11_0 ${ua}`; }
}); });
} else {
element_add_class(navbar, `skl-navbar--ios`);
} }
} else { } else {
if ( navbar ) { element_add_class(navbar, `skl-navbar--md`);
navbar.classList.add('skl-navbar--md');
}
} }
const getUrlParams = () => { const getUrlParams = () => {