From 5be48d8fae4eba3a4e1d812b3b8d112bb8a376db Mon Sep 17 00:00:00 2001 From: MAEDA Go Date: Wed, 20 May 2026 17:07:55 +0900 Subject: [PATCH] Make context menu width flexible to avoid wrapping labels --- app/assets/stylesheets/context_menu.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/context_menu.css b/app/assets/stylesheets/context_menu.css index 936dab5a2..94700ff19 100644 --- a/app/assets/stylesheets/context_menu.css +++ b/app/assets/stylesheets/context_menu.css @@ -13,7 +13,8 @@ } #context-menu ul { - inline-size:150px; + min-inline-size: 150px; + max-inline-size: 300px; border: 1px solid var(--oc-gray-4); background:white; list-style:none; @@ -30,11 +31,11 @@ display: flex; } #context-menu li.folder ul { position: absolute; inset-block-start: -2px; max-block-size: 300px; overflow: hidden; overflow-y: auto; } -#context-menu li.folder>ul { inset-inline-start: 148px; } +#context-menu li.folder>ul { inset-inline-start: 100%; } #context-menu.reverse-y li.folder>ul, #context-menu li.folder.up>ul { inset-block: auto 0; } #context-menu.reverse-x li.folder ul { inset-inline-start:auto; } -#context-menu.reverse-x li.folder>ul { inset-inline-end:148px; } +#context-menu.reverse-x li.folder>ul { inset-inline-end: 100%; } #context-menu.reverse-y li.folder.down>ul { position: absolute; inset-block: -2px auto; max-block-size: 300px; overflow: hidden; overflow-y: auto; -- 2.50.1