JannisX11/blockbench
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make cube list scrollable on phones

Browse Source
This commit is contained in:
JannisX11 2020-11-25 09:45:51 +01:00
parent e25262df0a
commit 5808364992
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/dialogs.css
View File

@ -28,6 +28,7 @@
dialog { dialog {
width: 540px; width: 540px;
min-width: min(370px, 100%); min-width: min(370px, 100%);
max-height: calc(100% - 50px);
height: auto; height: auto;
background-color: var(--color-ui); background-color: var(--color-ui);
color: inherit; color: inherit;

17
css/panels.css
View File

@ -123,6 +123,23 @@
#cubes_list { #cubes_list {
padding-top: 1px; padding-top: 1px;
} }
@media (max-device-width: 640px) {
#cubes_list > div.vue-tree {
width: calc(100% - 25px);
}
ul#cubes_list::before {
display: block;
content: "\f338";
position: absolute;
top: 50%;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 28px;
opacity: 0.2;
pointer-events: none;
right: 6px;
}
}
#cubes_list > div.vue-tree > ul > li > *:not(ul) { #cubes_list > div.vue-tree > ul > li > *:not(ul) {
display: none; display: none;
} }