Files
openidea/src/ui/Menu.module.css
T
Muuandmuutot c70203b640 feat(ui): numeric mnemonics in the Select In popup (#2567)
The Select In popup (Alt+F1) labels its first nine selectable rows 1–9, and pressing the digit activates the row. `MenuList`/`Menu` gained an optional `numbers` flag and `showContextMenu` an options argument; only Select In opts in, and submenus never inherit the numbering.

Co-authored-by: muutot <92625353+muutot@users.noreply.github.com>
2026-11-11 01:39:21 +08:00

90 lines
1.8 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* PopupMenu: 6px vertical insets, 24px items with inset rounded selection, shortcuts right-aligned in secondary text. */
.popup {
padding: 6px 0;
min-width: 180px;
max-width: 420px;
}
.menu {
display: flex;
flex-direction: column;
outline: none;
}
.item {
position: relative;
display: flex;
align-items: center;
gap: 6px;
height: var(--h-list-row);
margin: 0 6px;
padding: 0 8px 0 6px;
border-radius: var(--radius-selection, 5px);
color: var(--fg-strong);
text-align: left;
white-space: nowrap;
outline: none;
}
.item:focus-visible {
outline: none;
}
.active {
background: var(--bg-tree-selected);
}
.disabled {
color: var(--fg-faint);
cursor: default;
}
.danger {
color: var(--danger);
}
.icon {
width: 16px;
flex: none;
display: inline-flex;
justify-content: center;
color: var(--fg-muted);
}
/* Numeric mnemonics (IDEA Select In): a fixed column left of the icon. */
.mnemonic {
width: 10px;
flex: none;
font-family: var(--font-keys);
font-size: var(--fs-ui);
color: var(--fg-subtle);
text-align: right;
}
.label {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.shortcut {
margin-left: 24px;
font-family: var(--font-keys);
font-size: var(--fs-ui);
color: var(--fg-muted);
}
.subArrow {
color: var(--fg-muted);
margin-left: 8px;
margin-right: -2px;
}
.separator {
height: 1px;
margin: 4px 14px;
background: var(--border-popup);
}
.header {
height: var(--h-list-row);
display: flex;
align-items: center;
padding: 0 14px;
color: var(--fg-muted);
font-size: var(--fs-small);
}
/* Settings › Appearance › "Display icons in menu items" off: keep the column, drop the icon. */
:global(:root[data-menu-icons="off"]) .icon[data-menu-icon] > * {
display: none;
}