forked from devs/PCv5
editor: Dirty CSS hack for small screen devices
This commit is contained in:
parent
e2283b7675
commit
2da20720bb
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue