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

Fix loader layout

Browse source
This commit is contained in:
Julia Radzhabova 2020-12-23 20:22:31 +03:00
parent 240676e08e
commit cd710c97e9
6 changed files with 44 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
apps/documenteditor/main/index.html
View file

@ -64,7 +64,7 @@
background: #f1f1f1; background: #f1f1f1;
border-bottom: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;
height: 46px; height: 46px;
padding: 10px 12px; padding: 10px 6px;
box-sizing: content-box; box-sizing: content-box;
} }
@ -86,7 +86,7 @@
.loadmask > .sktoolbar li.space { .loadmask > .sktoolbar li.space {
background: none; background: none;
width: 12px; width: 0;
} }
.loadmask > .sktoolbar li.fat { .loadmask > .sktoolbar li.fat {
@ -94,7 +94,7 @@
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 612px; left: 525px;
width: inherit; width: inherit;
height: 44px; height: 44px;
} }
@ -215,10 +215,10 @@
<body> <body>
<div id="loading-mask" class="loadmask"> <div id="loading-mask" class="loadmask">
<div class="brendpanel"> <div class="brendpanel">
<div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div> <div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div>
<div class="sktoolbar"> <div class="sktoolbar">
<ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul> <ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul>
<ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li></ul> <ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li></ul>
</div> </div>
<div class="placeholder"> <div class="placeholder">
<div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div> <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div>

8
apps/documenteditor/main/index.html.deploy
View file

@ -65,7 +65,7 @@
background: #f1f1f1; background: #f1f1f1;
border-bottom: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;
height: 46px; height: 46px;
padding: 10px 12px; padding: 10px 6px;
box-sizing: content-box; box-sizing: content-box;
} }
@ -87,7 +87,7 @@
.loadmask > .sktoolbar li.space { .loadmask > .sktoolbar li.space {
background: none; background: none;
width: 12px; width: 0;
} }
.loadmask > .sktoolbar li.fat { .loadmask > .sktoolbar li.fat {
@ -95,7 +95,7 @@
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 612px; left: 525px;
width: inherit; width: inherit;
height: 44px; height: 44px;
} }
@ -215,7 +215,7 @@
<link rel="stylesheet" type="text/css" href="../../../apps/documenteditor/main/resources/css/app.css"> <link rel="stylesheet" type="text/css" href="../../../apps/documenteditor/main/resources/css/app.css">
</head> </head>
<body> <body>
<div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../../apps/documenteditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar"><ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul><ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li></ul></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div> <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../../apps/documenteditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar"><ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul><ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li></ul></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
<div id="viewport"></div> <div id="viewport"></div>
<script> <script>

18
apps/presentationeditor/main/index.html
View file

@ -63,7 +63,7 @@
background: #f1f1f1; background: #f1f1f1;
border-bottom: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;
height: 46px; height: 46px;
padding: 10px 12px; padding: 10px 6px;
box-sizing: content-box; box-sizing: content-box;
} }
@ -85,11 +85,15 @@
.loadmask > .sktoolbar li.space { .loadmask > .sktoolbar li.space {
background: none; background: none;
width: 12px; width: 0;
}
.loadmask > .sktoolbar li.split {
width: 32px;
} }
.loadmask > .sktoolbar li.big { .loadmask > .sktoolbar li.big {
width: 60px; width: 55px;
height: 46px; height: 46px;
margin-top: -46px; margin-top: -46px;
} }
@ -99,7 +103,7 @@
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 855px; left: 758px;
width: inherit; width: inherit;
height: 44px; height: 44px;
} }
@ -243,11 +247,11 @@
<body> <body>
<div id="loading-mask" class="loadmask"> <div id="loading-mask" class="loadmask">
<div class="brendpanel"> <div class="brendpanel">
<div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div> <div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
</div> </div>
<div class="sktoolbar"> <div class="sktoolbar">
<ul><li/><li class="space" style="width: 78px;"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space" style="width: 210px;"/><li style="width: 100px;"/><li class="fat"/></ul> <ul><li/><li class="space" style="width: 76px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space" style="width: 183px;"/><li style="width: 95px;"/><li class="fat"/></ul>
<ul><li/><li class="space"/><li class="big"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 100px;"/></ul> <ul><li/><li class="space"/><li class="big" style="width: 70px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 95px;"/></ul>
</div> </div>
<div class="placeholder"> <div class="placeholder">
<div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div> <div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div>

18
apps/presentationeditor/main/index.html.deploy
View file

@ -65,7 +65,7 @@
background: #f1f1f1; background: #f1f1f1;
border-bottom: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;
height: 46px; height: 46px;
padding: 10px 12px; padding: 10px 6px;
box-sizing: content-box; box-sizing: content-box;
} }
@ -87,11 +87,15 @@
.loadmask > .sktoolbar li.space { .loadmask > .sktoolbar li.space {
background: none; background: none;
width: 12px; width: 0;
}
.loadmask > .sktoolbar li.split {
width: 32px;
} }
.loadmask > .sktoolbar li.big { .loadmask > .sktoolbar li.big {
width: 60px; width: 55px;
height: 46px; height: 46px;
margin-top: -46px; margin-top: -46px;
} }
@ -101,7 +105,7 @@
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 855px; left: 758px;
width: inherit; width: inherit;
height: 44px; height: 44px;
} }
@ -254,11 +258,11 @@
<body> <body>
<div id="loading-mask" class="loadmask"> <div id="loading-mask" class="loadmask">
<div class="brendpanel"> <div class="brendpanel">
<div><div class="loading-logo"><img src="../../../apps/presentationeditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div> <div><div class="loading-logo"><img src="../../../apps/presentationeditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
</div> </div>
<div class="sktoolbar"> <div class="sktoolbar">
<ul><li/><li class="space" style="width: 78px;"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space" style="width: 210px;"/><li style="width: 100px;"/><li class="fat"/></ul> <ul><li/><li class="space" style="width: 76px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space" style="width: 183px;"/><li style="width: 95px;"/><li class="fat"/></ul>
<ul><li/><li class="space"/><li class="big"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 100px;"/></ul> <ul><li/><li class="space"/><li class="big" style="width: 70px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 95px;"/></ul>
</div> </div>
<div class="placeholder"> <div class="placeholder">
<div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div> <div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div>

12
apps/spreadsheeteditor/main/index.html
View file

@ -61,7 +61,7 @@
.loadmask > .sktoolbar { .loadmask > .sktoolbar {
background: #f1f1f1; background: #f1f1f1;
height: 46px; height: 46px;
padding: 10px 12px; padding: 10px 6px;
box-sizing: content-box; box-sizing: content-box;
} }
@ -83,7 +83,7 @@
.loadmask > .sktoolbar li.space { .loadmask > .sktoolbar li.space {
background: none; background: none;
width: 12px; width: 0;
} }
.loadmask > .sktoolbar li.fat { .loadmask > .sktoolbar li.fat {
@ -91,7 +91,7 @@
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 905px; left: 763px;
width: inherit; width: inherit;
height: 44px; height: 44px;
} }
@ -247,11 +247,11 @@
<div id="loading-mask" class="loadmask"> <div id="loading-mask" class="loadmask">
<div class="brendpanel"><div> <div class="brendpanel"><div>
<div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div> <div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div>
<div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div> <div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
</div> </div>
<div class="sktoolbar"> <div class="sktoolbar">
<ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/><li class="fat"/></ul> <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/><li class="fat"/></ul>
<ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/></ul> <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/></ul>
</div> </div>
<div class="skformula"> <div class="skformula">
<ul><li/><li/></ul> <ul><li/><li/></ul>

12
apps/spreadsheeteditor/main/index.html.deploy
View file

@ -63,7 +63,7 @@
.loadmask > .sktoolbar { .loadmask > .sktoolbar {
background: #f1f1f1; background: #f1f1f1;
height: 46px; height: 46px;
padding: 10px 12px; padding: 10px 6px;
box-sizing: content-box; box-sizing: content-box;
} }
@ -85,7 +85,7 @@
.loadmask > .sktoolbar li.space { .loadmask > .sktoolbar li.space {
background: none; background: none;
width: 12px; width: 0;
} }
.loadmask > .sktoolbar li.fat { .loadmask > .sktoolbar li.fat {
@ -93,7 +93,7 @@
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 905px; left: 763px;
width: inherit; width: inherit;
height: 44px; height: 44px;
} }
@ -256,11 +256,11 @@
<div id="loading-mask" class="loadmask"> <div id="loading-mask" class="loadmask">
<div class="brendpanel"><div> <div class="brendpanel"><div>
<div class="loading-logo"><img src="../../../apps/spreadsheeteditor/main/resources/img/header/header-logo@2x.png"></div> <div class="loading-logo"><img src="../../../apps/spreadsheeteditor/main/resources/img/header/header-logo@2x.png"></div>
<div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div> <div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
</div> </div>
<div class="sktoolbar"> <div class="sktoolbar">
<ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/><li class="fat"/></ul> <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/><li class="fat"/></ul>
<ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/></ul> <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/></ul>
</div> </div>
<div class="skformula"> <div class="skformula">
<ul><li/><li/></ul> <ul><li/><li/></ul>