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

[DE] changed skeleton stylesheet in deploy

Browse source
This commit is contained in:
Maxim Kadushkin 2021-11-04 23:02:35 +03:00
parent 937501deea
commit 7b275174bb
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,7 +18,7 @@
--highlight-header-button-hover: rgba(255,255,255,.05); --highlight-header-button-hover: rgba(255,255,255,.05);
--canvas-background: #555; --canvas-background: #555;
/*--canvas-content-background: #fff;*/ /*--canvas-content-background: #fff;*/
--loadmask-canvas-page-border: #555; --skeleton-canvas-page-border: #555;
} }
.content-theme-dark { .content-theme-dark {

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

@ -11,6 +11,12 @@
<!-- splash --> <!-- splash -->
<style type="text/css"> <style type="text/css">
.content-theme-dark {
--skeleton-canvas-content-background: #3a3a3a;
--skeleton-canvas-page-border: #2a2a2a;
--skeleton-canvas-line: rgba(255,255,255,.05);
}
.loadmask { .loadmask {
left: 0; left: 0;
top: 0; top: 0;
@ -108,12 +114,12 @@
.loadmask > .placeholder { .loadmask > .placeholder {
background: #fff; background: #fff;
background: var(--canvas-content-background, #fff); background: var(--skeleton-canvas-content-background, var(--canvas-content-background, #fff));
width: 794px; width: 794px;
margin: 46px auto; margin: 46px auto;
height: 100%; height: 100%;
border: 1px solid #bbbec2; border: 1px solid #bbbec2;
border: var(--scaled-one-px-value, 1px) solid var(--canvas-page-border, #bbbec2); border: var(--scaled-one-px-value, 1px) solid var(--skeleton-canvas-page-border, var(--canvas-page-border, #bbbec2));
padding-top: 50px; padding-top: 50px;
} }
@ -121,6 +127,7 @@
height: 15px; height: 15px;
margin: 30px 80px; margin: 30px 80px;
background: rgba(0,0,0,.05); background: rgba(0,0,0,.05);
background: var(--skeleton-canvas-line, rgba(0,0,0,.05));
overflow: hidden; overflow: hidden;
position: relative; position: relative;