[all] fix skeleton stylesheets for IE

This commit is contained in:
Maxim Kadushkin 2021-02-22 17:23:58 +03:00
parent 78f9fa7637
commit b4814420f7
10 changed files with 77 additions and 1 deletions

View file

@ -28,6 +28,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -35,6 +36,7 @@
.loadmask > .brendpanel {
width: 100%;
min-height: 28px;
background: #446995;
background: var(--toolbar-header-document, #446995);
}
@ -71,7 +73,9 @@
}
.loadmask > .sktoolbar {
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
border-bottom: 1px solid #cbcbcb;
border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
height: 46px;
padding: 10px 6px;
@ -86,6 +90,7 @@
}
.loadmask > .sktoolbar li {
background: #ccc;
background: var(--highlight-button-pressed, #ccc);
border-radius: 3px;
width: 20px;
@ -110,10 +115,12 @@
}
.loadmask > .placeholder {
background: #fff;
background: var(--canvas-content-background, #fff);
width: 794px;
margin: 46px auto;
height: 100%;
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
padding-top: 50px;
}

View file

@ -19,6 +19,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -63,7 +64,9 @@
}
.loadmask > .sktoolbar {
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
border-bottom: 1px solid #cbcbcb;
border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
height: 46px;
padding: 10px 6px;
@ -78,6 +81,7 @@
}
.loadmask > .sktoolbar li {
background: #ccc;
background: var(--highlight-button-pressed, #ccc);
border-radius: 3px;
width: 20px;
@ -102,10 +106,12 @@
}
.loadmask > .placeholder {
background: #fff;
background: var(--canvas-content-background, #fff);
width: 794px;
margin: 46px auto;
height: 100%;
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
padding-top: 50px;
}

View file

@ -27,6 +27,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -34,6 +35,7 @@
.loadmask > .brendpanel {
width: 100%;
min-height: 28px;
background: #aa5252;
background: var(--toolbar-header-presentation, #aa5252);
}
@ -70,7 +72,9 @@
}
.loadmask > .sktoolbar {
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
border-bottom: 1px solid #cbcbcb;
border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
height: 46px;
padding: 10px 6px;
@ -85,6 +89,7 @@
}
.loadmask > .sktoolbar li {
background: #ccc;
background: var(--highlight-button-pressed, #ccc);
border-radius: 3px;
width: 20px;
@ -146,7 +151,9 @@
position: absolute;
height: 100%;
width: 100%;
background: #fff;
background: var(--canvas-content-background, #fff);
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
-webkit-animation: flickerAnimation 2s infinite ease-in-out;

View file

@ -19,6 +19,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -26,6 +27,7 @@
.loadmask > .brendpanel {
width: 100%;
min-height: 28px;
background: #aa5252;
background: var(--toolbar-header-presentation, #aa5252);
}
@ -62,7 +64,9 @@
}
.loadmask > .sktoolbar {
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
border-bottom: 1px solid #cbcbcb;
border-bottom: var(--scaled-one-px-value, 1px) solid var(--border-toolbar, #cbcbcb);
height: 46px;
padding: 10px 6px;
@ -77,6 +81,7 @@
}
.loadmask > .sktoolbar li {
background: #ccc;
background: var(--highlight-button-pressed, #ccc);
border-radius: 3px;
width: 20px;
@ -138,7 +143,9 @@
position: absolute;
height: 100%;
width: 100%;
background: #fff;
background: var(--canvas-content-background, #fff);
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
-webkit-animation: flickerAnimation 2s infinite ease-in-out;

View file

@ -26,6 +26,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 10000;
}
@ -33,6 +34,7 @@
.loadmask > .brendpanel {
width: 100%;
height: 56px;
background: #aa5252;
background: var(--toolbar-header-presentation, #aa5252);
}
@ -89,7 +91,9 @@
position: absolute;
height: 100%;
width: 100%;
background: #fff;
background: var(--canvas-content-background, #fff);
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
-webkit-animation: flickerAnimation 2s infinite ease-in-out;

View file

@ -19,6 +19,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 10000;
}
@ -26,6 +27,7 @@
.loadmask > .brendpanel {
width: 100%;
height: 56px;
background: #aa5252;
background: var(--toolbar-header-presentation, #aa5252);
}
@ -82,7 +84,9 @@
position: absolute;
height: 100%;
width: 100%;
background: #fff;
background: var(--canvas-content-background, #fff);
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
-webkit-animation: flickerAnimation 2s infinite ease-in-out;

View file

@ -27,6 +27,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -34,6 +35,7 @@
.loadmask > .brendpanel {
width: 100%;
min-height: 28px;
background: #40865c;
background: var(--toolbar-header-document, #40865c);
}
@ -70,6 +72,7 @@
}
.loadmask > .sktoolbar {
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
height: 46px;
padding: 10px 6px;
@ -84,6 +87,7 @@
}
.loadmask > .sktoolbar li {
background: #ccc;
background: var(--highlight-button-pressed, #ccc);
border-radius: 3px;
width: 20px;
@ -109,6 +113,7 @@
.loadmask > .skformula {
height: 24px;
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
}
@ -117,7 +122,9 @@
font-size: 0;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: #cbcbcb transparent;
border-color: var(--border-toolbar, #cbcbcb) transparent;
}
@ -127,9 +134,12 @@
height: 19px;
width: 100%;
margin-left: 20px;
background: #fff;
background: var(--background-normal, #fff);
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: transparent #cbcbcb;
border-color: transparent var(--border-toolbar, #cbcbcb);
}
@ -139,10 +149,12 @@
}
.loadmask > .placeholder {
background: #fff;
background: var(--canvas-content-background, #fff);
width: 100%;
height: 100%;
font-size: 0;
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
white-space: nowrap;

View file

@ -18,6 +18,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -25,6 +26,7 @@
.loadmask > .brendpanel {
width: 100%;
min-height: 28px;
background: #40865c;
background: var(--toolbar-header-document, #40865c);
}
@ -61,6 +63,7 @@
}
.loadmask > .sktoolbar {
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
height: 46px;
padding: 10px 6px;
@ -75,6 +78,7 @@
}
.loadmask > .sktoolbar li {
background: #ccc;
background: var(--highlight-button-pressed, #ccc);
border-radius: 3px;
width: 20px;
@ -100,6 +104,7 @@
.loadmask>.skformula {
height: 24px;
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
}
@ -108,7 +113,9 @@
font-size: 0;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: #cbcbcb transparent;
border-color: var(--border-toolbar, #cbcbcb) transparent;
}
@ -118,9 +125,12 @@
height: 19px;
width: 100%;
margin-left: 20px;
background: #fff;
background: var(--background-normal, #fff);
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: #cbcbcb;
border-color: transparent var(--border-toolbar, #cbcbcb);
}
@ -130,11 +140,13 @@
}
.loadmask > .placeholder {
background: #fff;
background: var(--canvas-content-background, #fff);
width: 100%;
height: 100%;
font-size: 0;
border: 1px solid #dfdfdf;
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
white-space: nowrap;
-webkit-animation: flickerAnimation 2s infinite ease-in-out;

View file

@ -25,6 +25,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -38,6 +39,7 @@
.loadmask > .skformula {
height: 24px;
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
}
@ -46,7 +48,9 @@
font-size: 0;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: #cbcbcb transparent;
border-color: var(--border-toolbar, #cbcbcb) transparent;
}
@ -56,9 +60,12 @@
height: 19px;
width: 100%;
margin-left: 20px;
background: #fff;
background: var(--background-normal, #fff);
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: transparent #cbcbcb;
border-color: transparent var(--border-toolbar, #cbcbcb);
}
@ -68,10 +75,12 @@
}
.loadmask > .placeholder {
background: #fff;
background: var(--canvas-content-background, #fff);
width: 100%;
height: 100%;
font-size: 0;
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
white-space: nowrap;

View file

@ -18,6 +18,7 @@
width: 100%;
overflow: hidden;
border: none;
background: #f0f0f0;
background: var(--canvas-background, #f0f0f0);
z-index: 1001;
}
@ -31,6 +32,7 @@
.loadmask>.skformula {
height: 24px;
background: #f7f7f7;
background: var(--background-toolbar, #f7f7f7);
}
@ -39,7 +41,9 @@
font-size: 0;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: #cbcbcb transparent;
border-color: var(--border-toolbar, #cbcbcb) transparent;
}
@ -49,9 +53,12 @@
height: 19px;
width: 100%;
margin-left: 20px;
background: #fff;
background: var(--background-normal, #fff);
border-style: solid;
border-width: 1px;
border-width: var(--scaled-one-px-value, 1px);
border-color: #cbcbcb;
border-color: transparent var(--border-toolbar, #cbcbcb);
}
@ -65,6 +72,7 @@
width: 100%;
height: 100%;
font-size: 0;
border: 1px solid #ccc;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #ccc);
white-space: nowrap;