[SSE mobile] adapt start markup for ios devices
This commit is contained in:
parent
594db69572
commit
83654a29d6
|
@ -26,15 +26,15 @@ body {
|
|||
height: calc(56px + 26px);
|
||||
}
|
||||
|
||||
.skl-navbar.skl-navbar--word {
|
||||
.skl-navbar.skl-navbar--word:not(.skl-navbar--ios) {
|
||||
background-color: #446995;
|
||||
}
|
||||
|
||||
.skl-navbar.skl-navbar--cell {
|
||||
.skl-navbar.skl-navbar--cell:not(.skl-navbar--ios) {
|
||||
background-color: #40865c;
|
||||
}
|
||||
|
||||
.skl-navbar.skl-navbar--slide {
|
||||
.skl-navbar.skl-navbar--slide:not(.skl-navbar--ios) {
|
||||
background-color: #aa5252;
|
||||
}
|
||||
|
||||
|
|
|
@ -41,11 +41,13 @@
|
|||
// Framework7 doesn't set Device.android flag when navigator.platform == 'Win32', change it for debug
|
||||
navigator.__defineGetter__('platform', () => 'Win32Debug');
|
||||
|
||||
const element_add_class = (el, cls) => {
|
||||
el && el.classList.add(cls)
|
||||
}
|
||||
|
||||
let navbar = document.querySelector('.skl-navbar');
|
||||
if ( window.devicePixelRatio ) {
|
||||
if ( navbar ) {
|
||||
navbar.classList.add(`skl-pixel-ratio--${Math.floor(window.devicePixelRatio)}`);
|
||||
}
|
||||
element_add_class(navbar, `skl-pixel-ratio--${Math.floor(window.devicePixelRatio)}`);
|
||||
}
|
||||
|
||||
if ( !isAndroid ) {
|
||||
|
@ -57,11 +59,11 @@
|
|||
Object.defineProperty(navigator, 'userAgent', {
|
||||
get: function () { return `iPad; CPU OS 11_0 ${ua}`; }
|
||||
});
|
||||
} else {
|
||||
element_add_class(navbar, `skl-navbar--ios`);
|
||||
}
|
||||
} else {
|
||||
if ( navbar ) {
|
||||
navbar.classList.add('skl-navbar--md');
|
||||
}
|
||||
element_add_class(navbar, `skl-navbar--md`);
|
||||
}
|
||||
|
||||
const getUrlParams = () => {
|
||||
|
|
Loading…
Reference in a new issue