mediawiki-skins-Citizen/resources/skins.citizen.styles/components/KeyboardHint.less
alistair3149 249ce640e9
fix(menu): 🐛 hide keyhint in main menu items
This is causing some wrapping issue and needs to be revisited in the future
2024-10-05 03:03:07 -04:00

34 lines
644 B
Plaintext

.citizen-keyboard-hint {
display: none;
gap: var( --space-xs );
font-size: var( --font-size-x-small );
line-height: 1;
/* Should have a keyboard */
@media ( hover: hover ) and ( pointer: fine ) {
display: flex;
}
&-label {
color: var( --color-base );
}
&-key {
font-weight: var( --font-weight-normal );
color: var( --color-subtle );
}
}
/* Align keyhint to the right */
.citizen-menu .mw-list-item a > span:has( + .citizen-keyboard-hint-key ) {
flex-grow: 1;
}
/*
* Hide key hint in main menu for now
* It has some wrapping issue with long label text
*/
#p-navigation .citizen-keyboard-hint-key {
display: none;
}