diff --git a/apps/documenteditor/mobile/app/controller/Main.js b/apps/documenteditor/mobile/app/controller/Main.js index 07e8f817d..2f23bc0c9 100644 --- a/apps/documenteditor/mobile/app/controller/Main.js +++ b/apps/documenteditor/mobile/app/controller/Main.js @@ -122,6 +122,8 @@ define([ 'translate': translate }); + $('#editor_sdk').append('
'); + // Localization uiApp params uiApp.params.modalButtonOk = me.textOK; uiApp.params.modalButtonCancel = me.textCancel; @@ -599,6 +601,8 @@ define([ $(document).on('contextmenu', _.bind(me.onContextMenu, me)); Common.Gateway.documentReady(); + + $('.doc-placeholder').remove(); }, onLicenseChanged: function(params) { diff --git a/apps/documenteditor/mobile/index.html b/apps/documenteditor/mobile/index.html index 5f3b6495a..6ecc8a965 100644 --- a/apps/documenteditor/mobile/index.html +++ b/apps/documenteditor/mobile/index.html @@ -16,172 +16,113 @@ +
+
diff --git a/apps/documenteditor/mobile/resources/css/app-ios.css b/apps/documenteditor/mobile/resources/css/app-ios.css index 5f8bc366d..62a03c171 100644 --- a/apps/documenteditor/mobile/resources/css/app-ios.css +++ b/apps/documenteditor/mobile/resources/css/app-ios.css @@ -7012,3 +7012,24 @@ html.pixel-ratio-3 .numbers li { #user-list ul:before { content: none; } +.doc-placeholder { + background: #fbfbfb; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 10; +} +.doc-placeholder > .line { + height: 15px; + margin: 30px; + background: #e2e2e2; + overflow: hidden; + position: relative; + + -webkit-animation: flickerAnimation 2s infinite ease-in-out; + -moz-animation: flickerAnimation 2s infinite ease-in-out; + -o-animation: flickerAnimation 2s infinite ease-in-out; + animation: flickerAnimation 2s infinite ease-in-out; +} \ No newline at end of file diff --git a/apps/documenteditor/mobile/resources/css/app-material.css b/apps/documenteditor/mobile/resources/css/app-material.css index d1aabb74d..871bbfe52 100644 --- a/apps/documenteditor/mobile/resources/css/app-material.css +++ b/apps/documenteditor/mobile/resources/css/app-material.css @@ -6783,3 +6783,24 @@ html.pixel-ratio-3 .numbers li { #user-list ul:before { content: none; } +.doc-placeholder { + background: #fbfbfb; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 10; +} +.doc-placeholder > .line { + height: 15px; + margin: 30px; + background: #e2e2e2; + overflow: hidden; + position: relative; + + -webkit-animation: flickerAnimation 2s infinite ease-in-out; + -moz-animation: flickerAnimation 2s infinite ease-in-out; + -o-animation: flickerAnimation 2s infinite ease-in-out; + animation: flickerAnimation 2s infinite ease-in-out; +} \ No newline at end of file diff --git a/apps/documenteditor/mobile/resources/less/app-ios.less b/apps/documenteditor/mobile/resources/less/app-ios.less index acfb7401b..4614abef7 100644 --- a/apps/documenteditor/mobile/resources/less/app-ios.less +++ b/apps/documenteditor/mobile/resources/less/app-ios.less @@ -269,4 +269,29 @@ input, textarea { ul:before { content: none; } +} + +// Skeleton of document + +.doc-placeholder { + background: #fbfbfb; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 10; + + > .line { + height: 15px; + margin: 30px; + background: #e2e2e2; + overflow: hidden; + position: relative; + + -webkit-animation: flickerAnimation 2s infinite ease-in-out; + -moz-animation: flickerAnimation 2s infinite ease-in-out; + -o-animation: flickerAnimation 2s infinite ease-in-out; + animation: flickerAnimation 2s infinite ease-in-out; + } } \ No newline at end of file