Improve navigation footer bar hints

This commit is contained in:
Keavon Chambers
2023-12-06 01:44:50 -08:00
parent f8b9c5db6d
commit 8f9371dad0
6 changed files with 56 additions and 24 deletions

View File

@@ -225,7 +225,7 @@
}
}
.hint-text {
.hint-text:not(:empty) {
margin-left: 4px;
}

View File

@@ -35,6 +35,9 @@
{#if hint.plus}
<LayoutRow class="plus">+</LayoutRow>
{/if}
{#if hint.slash}
<LayoutRow class="slash">/</LayoutRow>
{/if}
<UserInputLabel mouseMotion={hint.mouse} keysWithLabelsGroups={inputKeysForPlatform(hint)}>{hint.label}</UserInputLabel>
{/each}
{/each}
@@ -57,7 +60,8 @@
margin: 0;
}
.plus {
.plus,
.slash {
flex: 0 0 auto;
align-items: center;
font-weight: 700;

View File

@@ -172,6 +172,8 @@ export class HintInfo {
readonly label!: string;
readonly plus!: boolean;
readonly slash!: boolean;
}
// Rust enum `Key`