diff --git a/css/dialogs.css b/css/dialogs.css index 441cf79..b810114 100644 --- a/css/dialogs.css +++ b/css/dialogs.css @@ -28,6 +28,7 @@ dialog { width: 540px; min-width: min(370px, 100%); + max-height: calc(100% - 50px); height: auto; background-color: var(--color-ui); color: inherit; diff --git a/css/panels.css b/css/panels.css index d006539..7a5479e 100644 --- a/css/panels.css +++ b/css/panels.css @@ -123,6 +123,23 @@ #cubes_list { 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) { display: none; }