From 1abc2ae4fc47353614765befef40feda3ebb9927 Mon Sep 17 00:00:00 2001 From: Alexander Yuzhin Date: Fri, 4 Oct 2019 11:49:37 +0300 Subject: [PATCH] [PE] Append toolbar skeleton --- apps/presentationeditor/main/index.html | 67 ++++++++++++++++++- .../presentationeditor/main/index.html.deploy | 67 ++++++++++++++++++- 2 files changed, 130 insertions(+), 4 deletions(-) diff --git a/apps/presentationeditor/main/index.html b/apps/presentationeditor/main/index.html index a5806d1db4..63ee54d51b 100644 --- a/apps/presentationeditor/main/index.html +++ b/apps/presentationeditor/main/index.html @@ -67,6 +67,56 @@ background: rgba(255, 255, 255, 0.2); } + .loadmask > .sktoolbar { + background: #fafafa; + border-bottom: 1px solid #e2e2e2; + height: 46px; + padding: 10px 12px; + box-sizing: content-box; + } + + .loadmask > .sktoolbar ul { + margin: 0; + padding: 0; + white-space: nowrap; + 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; + } + + .loadmask > .sktoolbar li { + background: #ececec; + border-radius: 3px; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 6px; + } + + .loadmask > .sktoolbar li.space { + background: none; + width: 12px; + } + + .loadmask > .sktoolbar li.big { + width: 60px; + height: 46px; + margin-top: -46px; + } + + .loadmask > .sktoolbar li.fat { + position: absolute; + right: 0; + top: 0; + bottom: 0; + left: 855px; + width: inherit; + height: 44px; + } + .loadmask > .placeholder { display: flex; flex-direction: column; @@ -81,8 +131,9 @@ flex-grow: 1; max-width: 1350px; width: 100%; - margin: 0 auto 56px; + margin: 0 auto 126px; } + .loadmask > .placeholder .slide-v { display: flex; position: relative; @@ -197,7 +248,19 @@ -
+
+
+
+
+
+
+
+
+
+
+
+
+