devs/PCv5
devs
/
PCv5
7
10
Fork 4
Code Issues 25 Pull Requests Releases Wiki Activity

editor: Dirty CSS hack for small screen devices

This commit is contained in:
Eragon 2022-12-14 09:56:22 +01:00
parent e2283b7675
commit 2da20720bb
Signed by: Eragon
GPG Key ID: 087126EBFC725006
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/static/css/editor.css
View File

@ -52,7 +52,6 @@
left: 0px;
width: auto;
min-width: 30vw;
white-space: nowrap;
text-align: left;
right: inherit;
background: var(--background-hover);
@ -71,4 +70,13 @@
}
.editor .modal > div label {
margin-top: 0.4rem;
}
@media screen and (max-width:849px) {
.editor .modal {
width: 80vw;
position: fixed;
left: 50vw;
transform: translateX(-50%);
top: 50vh;
}
}

9
app/static/less/editor.less
View File

@ -65,10 +65,17 @@
left: 0px;
width: auto;
min-width: 30vw;
white-space: nowrap;
text-align: left;
right: inherit;
@media screen and (max-width: @tiny) {
width: 80vw;
position: fixed;
left: 50vw;
transform: translateX(-50%);
top: 50vh;
}
background: var(--background-hover);
border: var(--border);
color: var(--text);