2024-09-26 21:47:19 +00:00
|
|
|
.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 {
|
2024-10-03 22:57:09 +00:00
|
|
|
font-weight: var( --font-weight-normal );
|
2024-09-26 21:47:19 +00:00
|
|
|
color: var( --color-subtle );
|
|
|
|
}
|
|
|
|
}
|
2024-10-03 22:57:09 +00:00
|
|
|
|
|
|
|
/* Align keyhint to the right */
|
|
|
|
.citizen-menu .mw-list-item a > span:has( + .citizen-keyboard-hint-key ) {
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
2024-10-05 07:03:07 +00:00
|
|
|
|
2024-10-05 07:03:07 +00:00
|
|
|
/*
|
2024-10-05 07:03:07 +00:00
|
|
|
* 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;
|
|
|
|
}
|