From 313ce55467e28e1a6eeccc537d9edff4fbc640cd Mon Sep 17 00:00:00 2001 From: anapnoe <124302297+anapnoe@users.noreply.github.com> Date: Mon, 17 Apr 2023 20:29:28 +0300 Subject: [PATCH] fix overflow when folder buttons have multiple rows #55 --- style.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index e2ebae24..16d62262 100644 --- a/style.css +++ b/style.css @@ -2714,7 +2714,8 @@ ul.list-none { width: 90%; right: 0; height: calc(100% - var(--top-header-height)); - max-width: 480px; + max-width: 50%; + min-width: 320px; z-index: 9999; transform: translateX(100%); transition: all 0.25s ease 0s; @@ -2723,6 +2724,7 @@ ul.list-none { background-color: var(--main-bg-color) !important; } + [id$="2img_extra_networks_row"].aside.open { transform: translateX(0); @@ -2743,6 +2745,7 @@ ul.list-none { [id$="2img_extra_networks_row"].aside > div:first-child > div:last-child { display: block !important; + padding-top: 0; } [id$="2img_extra_close"]{ display:none; @@ -2830,7 +2833,15 @@ ul.list-none { overflow-x: hidden; grid-template-rows: auto; grid-auto-flow: row; - max-height: calc(100vh - 230px); + /*max-height: calc(100vh - 230px);*/ + max-height: unset; +} + +[id$="2img_extra_networks_row"].aside .tabitem { + overflow-y: auto; + overflow-x: hidden; + max-height: calc(100vh - 168px); + border-radius: 0; } @@ -2871,6 +2882,8 @@ ul.list-none { display:none !important; } + + /* .extra-network-cards::after { display: block;