[mobile] Add logo
This commit is contained in:
Julia Svinareva
Alexey Golubev
parent
90265d873a
commit
c754b4dd53
|
|
@ -773,6 +773,11 @@ define([
|
|||
me.hidePreloader();
|
||||
me.onLongActionBegin(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
|
||||
}
|
||||
if (me.appOptions.canBrandingExt && (me.editorConfig.customization && (me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo))) {
|
||||
$('#editor-navbar #navbar-logo').hide();
|
||||
$('#editor-navbar').removeClass('logo-navbar');
|
||||
$('#editor_sdk').removeClass('with-logo');
|
||||
}
|
||||
},
|
||||
|
||||
applyModeCommonElements: function() {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div class="view view-main">
|
||||
<div class="pages navbar-through">
|
||||
<div data-page="index" class="page">
|
||||
<div id="editor-container" class="page-content no-fastclick"><div id="editor_sdk" class="no-fastclick"></div></div>
|
||||
<div id="editor-container" class="page-content no-fastclick"><div id="editor_sdk" class="no-fastclick with-logo"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<div class="navbar" id="editor-navbar">
|
||||
<div class="navbar logo-navbar" id="editor-navbar">
|
||||
<div id="navbar-logo" style="padding-top: 12px;display: flex;justify-content: center;"><i class="icon icon-logo"></i></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a id="document-back" href="#" class="link" style="min-width: 22px; display: none;">
|
||||
|
|
|
|||
|
|
@ -155,6 +155,11 @@ define([
|
|||
|
||||
searchBar = $$('.searchbar.document');
|
||||
|
||||
if ($('.logo-navbar').length > 0) {
|
||||
var top = Common.SharedSettings.get('android') ? '80px' : '68px';
|
||||
$('.navbar-through .page > .searchbar').css('top', top);
|
||||
}
|
||||
|
||||
_.defer(function() {
|
||||
uiApp.showNavbar(searchBar);
|
||||
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
.loadmask > .brendpanel {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
height: 68px;
|
||||
background-color: #e2e2e2;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
}
|
||||
|
||||
.loadmask > .brendpanel.android {
|
||||
height: 56px;
|
||||
height: 80px;
|
||||
background: #446995;
|
||||
}
|
||||
|
||||
|
|
@ -76,7 +76,11 @@
|
|||
background: #fbfbfb;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 56px;
|
||||
padding-top: 65px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder.android {
|
||||
padding-top: 75px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder > .line {
|
||||
|
|
@ -158,6 +162,10 @@
|
|||
logo && (elem.setAttribute('src', logo));
|
||||
elem.style.opacity = 1;
|
||||
}
|
||||
var placeholder = document.getElementsByClassName('placeholder')[0];
|
||||
if (placeholder && /Android/.test(navigator.userAgent)) {
|
||||
placeholder.classList.add('android');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
.loadmask > .brendpanel {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
height: 68px;
|
||||
background-color: #e2e2e2;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
}
|
||||
|
||||
.loadmask > .brendpanel.android {
|
||||
height: 56px;
|
||||
height: 80px;
|
||||
background: #446995;
|
||||
}
|
||||
|
||||
|
|
@ -75,9 +75,13 @@
|
|||
background: #fbfbfb;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 56px;
|
||||
padding-top: 65px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder.android {
|
||||
padding-top: 75px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder > .line {
|
||||
height: 15px;
|
||||
margin: 30px;
|
||||
|
|
@ -170,6 +174,10 @@
|
|||
logo && (elem.setAttribute('src', logo));
|
||||
elem.style.opacity = 1;
|
||||
}
|
||||
var placeholder = document.getElementsByClassName('placeholder')[0];
|
||||
if (placeholder && /Android/.test(navigator.userAgent)) {
|
||||
placeholder.classList.add('android');
|
||||
}
|
||||
}
|
||||
|
||||
window.requireTimeourError = function(){
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -63,6 +63,14 @@ input, textarea {
|
|||
}
|
||||
}
|
||||
|
||||
.logo-navbar {
|
||||
height: 68px;
|
||||
.navbar-inner {
|
||||
top: 24px;
|
||||
height: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
@import url('../../../../common/mobile/resources/less/_mixins.less');
|
||||
@import url('../../../../common/mobile/resources/less/ios/_container.less');
|
||||
@import url('../../../../common/mobile/resources/less/ios/_dataview.less');
|
||||
|
|
@ -94,6 +102,9 @@ input, textarea {
|
|||
overflow: hidden;
|
||||
.transition(300ms);
|
||||
}
|
||||
#editor_sdk.with-logo {
|
||||
top: 68px;
|
||||
}
|
||||
|
||||
// Add Container
|
||||
|
||||
|
|
|
|||
|
|
@ -81,6 +81,14 @@ input, textarea {
|
|||
padding: 0 13px;
|
||||
}
|
||||
|
||||
.logo-navbar {
|
||||
height: 80px;
|
||||
.navbar-inner {
|
||||
top: 24px;
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
|
||||
// Top offset
|
||||
|
||||
#editor_sdk {
|
||||
|
|
@ -93,6 +101,9 @@ input, textarea {
|
|||
overflow: hidden;
|
||||
.transition(300ms);
|
||||
}
|
||||
#editor_sdk.with-logo {
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
// Add Container
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -699,6 +699,12 @@ define([
|
|||
me.hidePreloader();
|
||||
me.onLongActionBegin(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
|
||||
}
|
||||
|
||||
if (me.appOptions.canBrandingExt && (me.editorConfig.customization && (me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo))) {
|
||||
$('#editor-navbar #navbar-logo').hide();
|
||||
$('#editor-navbar').removeClass('logo-navbar');
|
||||
$('#editor_sdk').removeClass('with-logo');
|
||||
}
|
||||
},
|
||||
|
||||
applyModeCommonElements: function() {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="view view-main">
|
||||
<div class="pages navbar-through">
|
||||
<div data-page="index" class="page">
|
||||
<div id="editor_sdk" class="page-content no-fastclick"></div>
|
||||
<div id="editor_sdk" class="page-content no-fastclick with-logo"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<div class="navbar" id="editor-navbar">
|
||||
<div class="navbar logo-navbar" id="editor-navbar">
|
||||
<div id="navbar-logo" style="padding-top: 12px;display: flex;justify-content: center;"><i class="icon icon-logo"></i></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a id="document-back" href="#" class="link" style="min-width: 22px; display: none;">
|
||||
|
|
|
|||
|
|
@ -155,6 +155,11 @@ define([
|
|||
|
||||
searchBar = $$('.searchbar.document');
|
||||
|
||||
if ($('.logo-navbar').length > 0) {
|
||||
var top = Common.SharedSettings.get('android') ? '80px' : '68px';
|
||||
$('.navbar-through .page > .searchbar').css('top', top);
|
||||
}
|
||||
|
||||
_.defer(function() {
|
||||
uiApp.showNavbar(searchBar);
|
||||
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
.loadmask > .brendpanel {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
height: 68px;
|
||||
background-color: #e2e2e2;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
}
|
||||
|
||||
.loadmask > .brendpanel.android {
|
||||
height: 56px;
|
||||
height: 80px;
|
||||
background: #aa5252;
|
||||
}
|
||||
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
background: #f5f5f5;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 56px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder.android {
|
||||
padding-top: 70px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder .slide-h {
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
.loadmask > .brendpanel {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
height: 68px;
|
||||
background-color: #e2e2e2;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
}
|
||||
|
||||
.loadmask > .brendpanel.android {
|
||||
height: 56px;
|
||||
height: 80px;
|
||||
background: #aa5252;
|
||||
}
|
||||
|
||||
|
|
@ -75,11 +75,11 @@
|
|||
background: #f5f5f5;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 56px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder.android {
|
||||
padding-top: 70px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder .slide-h {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -63,6 +63,14 @@ input, textarea {
|
|||
}
|
||||
}
|
||||
|
||||
.logo-navbar {
|
||||
height: 68px;
|
||||
.navbar-inner {
|
||||
top: 24px;
|
||||
height: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
@import url('../../../../common/mobile/resources/less/_mixins.less');
|
||||
@import url('../../../../common/mobile/resources/less/ios/_container.less');
|
||||
@import url('../../../../common/mobile/resources/less/ios/_dataview.less');
|
||||
|
|
@ -94,6 +102,10 @@ input, textarea {
|
|||
.transition(300ms);
|
||||
}
|
||||
|
||||
#editor_sdk.with-logo {
|
||||
top: 68px;
|
||||
}
|
||||
|
||||
// Add Container
|
||||
|
||||
#add-table,
|
||||
|
|
|
|||
|
|
@ -72,6 +72,10 @@
|
|||
overflow: hidden;
|
||||
.transition(300ms);
|
||||
}
|
||||
#editor_sdk.with-logo {
|
||||
top: 80px;
|
||||
}
|
||||
|
||||
|
||||
// Disable text select
|
||||
* {
|
||||
|
|
@ -94,6 +98,14 @@ input, textarea {
|
|||
padding: 0 13px;
|
||||
}
|
||||
|
||||
.logo-navbar {
|
||||
height: 80px;
|
||||
.navbar-inner {
|
||||
top: 24px;
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
|
||||
// Add Container
|
||||
|
||||
#add-table,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -727,6 +727,12 @@ define([
|
|||
me.hidePreloader();
|
||||
me.onLongActionBegin(Asc.c_oAscAsyncActionType.BlockInteraction, LoadingDocument);
|
||||
}
|
||||
|
||||
if (me.appOptions.canBrandingExt && (me.editorConfig.customization && (me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo))) {
|
||||
$('#editor-navbar #navbar-logo').hide();
|
||||
$('#editor-navbar').removeClass('logo-navbar');
|
||||
$('#editor_sdk').removeClass('with-logo');
|
||||
}
|
||||
},
|
||||
|
||||
applyModeCommonElements: function() {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="views">
|
||||
<div class="view view-main">
|
||||
<div class="pages navbar-through">
|
||||
<div data-page="index" class="page editor flex-horizontal">
|
||||
<div data-page="index" class="page editor flex-horizontal with-logo">
|
||||
<div id="editor_sdk" class="page-content no-fastclick">
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<div class="navbar" id="editor-navbar">
|
||||
<div class="navbar logo-navbar" id="editor-navbar">
|
||||
<div id="navbar-logo" style="padding-top: 12px;display: flex;justify-content: center;"><i class="icon icon-logo"></i></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="left">
|
||||
<a id="document-back" href="#" class="link" style="min-width: 22px; display: none;">
|
||||
|
|
|
|||
|
|
@ -170,6 +170,11 @@ define([
|
|||
|
||||
searchBar = $$('.searchbar.document');
|
||||
|
||||
if ($('.logo-navbar').length > 0) {
|
||||
var top = Common.SharedSettings.get('android') ? '110px' : '98px';
|
||||
$('.navbar-through .page > .searchbar').css('top', top);
|
||||
}
|
||||
|
||||
_.defer(function() {
|
||||
uiApp.showNavbar(searchBar);
|
||||
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
.loadmask > .brendpanel {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
height: 68px;
|
||||
background-color: #e2e2e2;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
}
|
||||
|
||||
.loadmask > .brendpanel.android {
|
||||
height: 56px;
|
||||
height: 80px;
|
||||
background: #40865c;
|
||||
}
|
||||
|
||||
|
|
@ -80,11 +80,11 @@
|
|||
font-size: 0;
|
||||
border: 1px solid #dfdfdf;
|
||||
white-space: nowrap;
|
||||
padding-top: 43px;
|
||||
padding-top: 67px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder.android {
|
||||
padding-top: 56px;
|
||||
padding-top: 79px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder > .columns {
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
.loadmask > .brendpanel {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
height: 44px;
|
||||
height: 68px;
|
||||
background-color: #e2e2e2;
|
||||
opacity: 0;
|
||||
}
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
}
|
||||
|
||||
.loadmask > .brendpanel.android {
|
||||
height: 56px;
|
||||
height: 80px;
|
||||
background: #40865c;
|
||||
}
|
||||
|
||||
|
|
@ -76,11 +76,11 @@
|
|||
font-size: 0;
|
||||
border: 1px solid #dfdfdf;
|
||||
white-space: nowrap;
|
||||
padding-top: 43px;
|
||||
padding-top: 67px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder.android {
|
||||
padding-top: 56px;
|
||||
padding-top: 79px;
|
||||
}
|
||||
|
||||
.loadmask > .placeholder > .columns {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -83,6 +83,20 @@ input, textarea {
|
|||
@import url('statusbar');
|
||||
@import url('ios/_search.less');
|
||||
|
||||
.logo-navbar {
|
||||
height: 68px;
|
||||
.navbar-inner {
|
||||
top: 24px;
|
||||
height: 44px;
|
||||
}
|
||||
}
|
||||
.navbar-through > .page.editor.with-logo {
|
||||
padding-top: 68px;
|
||||
}
|
||||
.navbar-hidden + .navbar-through > .page.editor.with-logo {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.label-switch input[type="checkbox"]:checked + .checkbox {
|
||||
background: @themeColor;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -86,6 +86,21 @@ input, textarea {
|
|||
padding: 0 13px;
|
||||
}
|
||||
|
||||
.logo-navbar {
|
||||
height: 80px;
|
||||
.navbar-inner {
|
||||
top: 24px;
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-through > .page.editor.with-logo {
|
||||
padding-top: 80px;
|
||||
}
|
||||
.navbar-hidden + .navbar-through > .page.editor.with-logo {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
// Add Container
|
||||
|
||||
#add-table,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue