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-16 19:02:08 +00:00
|
|
|
font-size: var( --font-size-x-small );
|
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-16 19:02:08 +00:00
|
|
|
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
letter-spacing: 0.05em;
|
2024-09-26 21:47:19 +00:00
|
|
|
}
|
|
|
|
|
}
|
2024-10-03 22:57:09 +00:00
|
|
|
|
|
|
|
|
/* Align keyhint to the right */
|
2024-10-29 23:03:16 +00:00
|
|
|
.citizen-menu .mw-list-item .citizen-keyboard-hint-key {
|
|
|
|
|
margin-left: auto;
|
2024-10-03 22:57:09 +00:00
|
|
|
}
|
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;
|
|
|
|
|
}
|
