Merge editor_mobile.css

This commit is contained in:
ckcz123 2021-09-03 13:55:54 +08:00
parent 2ea0787e87
commit 9a3923a934
2 changed files with 14 additions and 9 deletions

View File

@ -1,5 +1,9 @@
/** editor **/ /** editor **/
:root {
--size: 13;
}
html{ html{
font-size: 4vw; font-size: 4vw;
} }
@ -276,14 +280,14 @@ table.col, div.col {
#mapColMark .coltd, #mapColMark .coltd,
#mapColMark .coltd .coltext { #mapColMark .coltd .coltext {
position: absolute; position: absolute;
width: 7.15vw; width: calc(93vw / var(--size));
height: 4vw; height: 4vw;
line-height: 4vw; line-height: 4vw;
padding: 0; padding: 0;
border-bottom-width: 0px; border-bottom-width: 0px;
border-top-width: 0px; border-top-width: 0px;
border-left-width: 0.117307vw; border-left-width: calc(1.5vw / var(--size));
border-right-width: 0.117307vw; border-right-width: calc(1.5vw / var(--size));
} }
#mapColMark .coltd:hover .colBlock { #mapColMark .coltd:hover .colBlock {
@ -291,7 +295,7 @@ table.col, div.col {
top: 4vw; top: 4vw;
left:0; left:0;
height: 96vw; height: 96vw;
width: 7.384615vw; width: calc(96vw / var(--size));
z-index: 100; z-index: 100;
} }
@ -328,20 +332,20 @@ table.row,div.row .rowtext {
#mapRowMark .rowtd, #mapRowMark .rowtd,
#mapRowMark .rowtd .rowtext{ #mapRowMark .rowtd .rowtext{
height: 7.15vw; height: calc(93vw / var(--size));
line-height: 7.15vw; line-height: calc(93vw / var(--size));
padding: 0; padding: 0;
border-left-width: 0px; border-left-width: 0px;
border-right-width: 0px; border-right-width: 0px;
border-top-width: 0.117307vw; border-top-width: calc(1.5vw / var(--size));
border-bottom-width: 0.117397vw; border-bottom-width: calc(1.5vw / var(--size));
} }
#mapRowMark .rowtd:hover .rowBlock { #mapRowMark .rowtd:hover .rowBlock {
position: absolute; position: absolute;
left: 4vw; left: 4vw;
top: 0; top: 0;
height: 7.384615vw; height: calc(96vw / var(--size));
width: 96vw; width: 96vw;
z-index: 100; z-index: 100;
} }

View File

@ -252,6 +252,7 @@ function core() {
this.dymCanvas = {}; this.dymCanvas = {};
if (main.mode == 'editor') { if (main.mode == 'editor') {
document.documentElement.style.setProperty('--size', this.__SIZE__);
document.documentElement.style.setProperty('--pixel', this.__PIXELS__ + 'px'); document.documentElement.style.setProperty('--pixel', this.__PIXELS__ + 'px');
} }
} }