fix: ellipsify MainMenu and CommandPalette items (#9743)

* fix: ellipsify MainMenu and CommandPalette items * fix lint
2025-07-15 12:59:55 +02:00
parent 0cfa53b764
commit 678dff25ed
8 changed files with 95 additions and 15 deletions
@@ -108,6 +108,7 @@ $verticalBreakpoint: 861px;
          display: flex;
          align-items: center;
          gap: 0.25rem;
+          overflow: hidden;
        }
      }

@@ -59,6 +59,8 @@ import { useStableCallback } from "../../hooks/useStableCallback";
 import { activeConfirmDialogAtom } from "../ActiveConfirmDialog";
 import { useStable } from "../../hooks/useStable";

+import { Ellipsify } from "../Ellipsify";
+
 import * as defaultItems from "./defaultCommandPaletteItems";

 import "./CommandPalette.scss";
@@ -964,7 +966,7 @@ const CommandItem = ({
            }
          />
        )}
-        {command.label}
+        <Ellipsify>{command.label}</Ellipsify>
      </div>
      {showShortcut && command.shortcut && (
        <CommandShortcutHint shortcut={command.shortcut} />