KeyboardHint.less
No OneTemporary
Actions

Size

746 B

Referenced Files

None

Subscribers

None

KeyboardHint.less
View Options

	.citizen-keyboard-hint {
	display: none;
	gap: var( --space-xs );
	align-items: center;

	/* Should have a keyboard */
	@media ( hover: hover ) and ( pointer: fine ) {
	display: flex;
	}

	&-label {
	color: var( --color-base );
	}

	&-key {
	font-family: var( --font-family-base );
	font-weight: var( --font-weight-medium );
	color: var( --color-subtle );
	/* stylelint-disable-next-line declaration-property-value-disallowed-list */
	text-transform: capitalize;
	}
	}

	/* Align keyhint to the right */
	.citizen-menu .mw-list-item .citizen-keyboard-hint-key {
	margin-left: auto;
	}

	/*
	* 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;
	}