Fix hotkey documentation

This commit is contained in:
Pieter Vander Vennet 2023-12-20 21:56:16 +01:00
parent 7e852dd7e3
commit b97030a109
3 changed files with 27 additions and 9 deletions

View file

@ -1834,10 +1834,6 @@ video {
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.pr-4 {
padding-right: 1rem;
}
.pt-0\.5 { .pt-0\.5 {
padding-top: 0.125rem; padding-top: 0.125rem;
} }
@ -1858,6 +1854,10 @@ video {
padding-left: 1rem; padding-left: 1rem;
} }
.pr-4 {
padding-right: 1rem;
}
.pl-3 { .pl-3 {
padding-left: 0.75rem; padding-left: 0.75rem;
} }
@ -2385,7 +2385,7 @@ button.selected svg path, .button.selected svg path {
fill: var(--catch-detail-foregroundcolor) !important; fill: var(--catch-detail-foregroundcolor) !important;
} }
button:not(.no-image-background) svg path, .button:not(.no-image-background) svg path { button:not(.no-image-background):not(.soft) svg path, .button:not(.no-image-background):not(.soft) svg path {
fill: var(--interactive-foreground) !important; fill: var(--interactive-foreground) !important;
transition: all 250ms; transition: all 250ms;
} }
@ -2514,6 +2514,11 @@ button.soft, .button.soft {
margin: 0; margin: 0;
} }
button.soft:hover, .button.soft:hover {
background-color: var(--interactive-background);
color: var(--interactive-foreground);
}
.links-as-button a { .links-as-button a {
/* /*
* Let a 'link' mimick a button, but not entirely * Let a 'link' mimick a button, but not entirely
@ -2528,7 +2533,7 @@ button.soft, .button.soft {
.links-as-button a:hover { .links-as-button a:hover {
background-color: var(--interactive-background); background-color: var(--interactive-background);
color: var(--catch-detail-foregroundcolor); color: var(--interactive-foregroundcolor);
border-color: var(--catch-detail-color-contrast); border-color: var(--catch-detail-color-contrast);
} }

View file

@ -525,12 +525,20 @@ export default class ThemeViewState implements SpecialVisualizationState {
) )
for (let i = 1; i < 9; i++) { for (let i = 1; i < 9; i++) {
let doc = docs.selectItemI.Subs({ i })
if (i === 1) {
doc = docs.selectItem
} else if (i === 2) {
doc = docs.selectItem2
} else if (i === 3) {
doc = docs.selectItem3
}
Hotkeys.RegisterHotkey( Hotkeys.RegisterHotkey(
{ {
nomod: "" + i, nomod: "" + i,
onUp: true, onUp: true,
}, },
docs.selectItem, doc,
() => this.selectClosestAtCenter(i - 1) () => this.selectClosestAtCenter(i - 1)
) )
} }

View file

@ -220,7 +220,7 @@ button.selected svg path, .button.selected svg path {
fill: var(--catch-detail-foregroundcolor) !important; fill: var(--catch-detail-foregroundcolor) !important;
} }
button:not(.no-image-background) svg path, .button:not(.no-image-background) svg path { button:not(.no-image-background):not(.soft) svg path, .button:not(.no-image-background):not(.soft) svg path {
fill: var(--interactive-foreground) !important;; fill: var(--interactive-foreground) !important;;
transition: all 250ms; transition: all 250ms;
} }
@ -355,6 +355,11 @@ button.soft, .button.soft {
margin: 0; margin: 0;
} }
button.soft:hover, .button.soft:hover {
background-color: var(--interactive-background);
color: var(--interactive-foreground);
}
.links-as-button a { .links-as-button a {
/* /*
* Let a 'link' mimick a button, but not entirely * Let a 'link' mimick a button, but not entirely
@ -369,7 +374,7 @@ button.soft, .button.soft {
.links-as-button a:hover { .links-as-button a:hover {
background-color: var(--interactive-background); background-color: var(--interactive-background);
color: var(--catch-detail-foregroundcolor); color: var(--interactive-foregroundcolor);
border-color: var(--catch-detail-color-contrast); border-color: var(--catch-detail-color-contrast);
} }