Browse Source

min-width 20

scheinriese 1 week ago
parent
commit
41321fcb0f
2 changed files with 3 additions and 4 deletions
  1. 1 2
      deps/shui/src/logseq/shui/shortcut/v2.cljs
  2. 2 2
      resources/css/shui.css

+ 1 - 2
deps/shui/src/logseq/shui/shortcut/v2.cljs

@@ -218,8 +218,7 @@
         {:key (str "separate-key-" index)
          :aria-hidden (if aria-label "true" "false")
          :tab-index (if interactive? 0 -1)
-         :role (when interactive? "button")
-         :style {:min-width "fit-content"}}
+         :role (when interactive? "button")}
         key-text])]))
 
 (rum/defc compact-keys

+ 2 - 2
resources/css/shui.css

@@ -295,7 +295,7 @@ div[data-radix-popper-content-wrapper] {
 
 .shui-shortcut-combo kbd.shui-shortcut-key {
   @apply flex flex-col items-center justify-center px-1 py-0.5 relative shrink-0;
-  min-width: fit-content;
+  min-width: 20px;
   background: transparent;
   border: none;
 }
@@ -319,7 +319,7 @@ div[data-radix-popper-content-wrapper] {
   background-color: rgba(223, 239, 254, 0.14);
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-sizing: border-box;
-  min-width: fit-content;
+  min-width: 20px;
 }
 
 /* Compact Keys - minimal text-only style */