anki/ts/components
Damien Elmes 3d8c7f5ea1
Rework spinner buttons (#2230)
* Align spinner buttons on right

The initial rationale for splitting them up was to be more touch friendly,
but we won't be able to use them on mobile anyway due to the conflicts
with double taps zooming in. On desktop, having them apart requires more
mouse movement when overshooting, so it's better to have them in one
place.

Text is now left-aligned again, which matches our other inputs like
learning steps.

The left/right buttons have been changed to up/down, which matches our
Qt spinners, and avoids RTL concerns.

This commit also removes the border on hover/select - it caused the
left-aligned content to flicker, and didn't look correct. Perhaps we could
add it back in a better way in the future.

* Hide spinner buttons on mobile devices

Tapping on them conflicts with the page zoom gesture.

* Remove min-height on spinner buttons

* Only show spinner on hover

Since they're only useful with a mouse, and only useful when they're
under the cursor, hiding them when focused keeps things less cluttered.
2022-12-04 13:18:49 +10:00
..
Absolute.svelte Translate Editor entirely to Svelte (#1403) 2021-10-18 22:01:15 +10:00
Badge.svelte Insert symbols overlay (#2051) 2022-09-10 18:46:59 +10:00
ButtonGroup.svelte Improved add-on extension API (#1626) 2022-02-03 14:52:11 +10:00
ButtonGroupItem.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
ButtonToolbar.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
CheckBox.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
Col.svelte Redesign deck options screen, swap tooltips for help modals (#2139) 2022-10-25 16:18:50 +10:00
Collapsible.svelte Fix reduce motion bottom border issues (#2185) 2022-11-08 22:57:10 +10:00
Container.svelte Improved add-on extension API (#1626) 2022-02-03 14:52:11 +10:00
context-keys.ts Refactor Select component | Fix CSV import issue (#2227) 2022-12-01 19:24:26 +10:00
DropdownDivider.svelte WIP: Use our components in deckoptions sticky bar 2021-05-18 16:32:29 +02:00
DropdownItem.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
DynamicallySlottable.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
FloatingArrow.svelte Fix glitchy animation of floating elements (#2224) 2022-12-01 15:45:52 +10:00
helpers.ts Re-enable formatting for .ts files 2022-11-28 09:33:04 +10:00
HorizontalResizer.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
IconButton.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
IconConstrain.svelte Redesign deck options inputs (#2082) 2022-09-27 12:16:45 +10:00
icons.ts Rework spinner buttons (#2230) 2022-12-04 13:18:49 +10:00
Item.svelte Improved add-on extension API (#1626) 2022-02-03 14:52:11 +10:00
LabelButton.svelte UI size tweaks (#2184) 2022-11-23 16:50:15 +10:00
Pane.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
PaneContent.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
Popover.svelte Fix glitchy animation of floating elements (#2224) 2022-12-01 15:45:52 +10:00
resizable.ts Make tags editor resizable using Henrik's components (#2046) 2022-09-28 14:02:32 +10:00
Row.svelte Improved add-on extension API (#1626) 2022-02-03 14:52:11 +10:00
Select.svelte Refactor Select component | Fix CSV import issue (#2227) 2022-12-01 19:24:26 +10:00
SelectOption.svelte Refactor Select component | Fix CSV import issue (#2227) 2022-12-01 19:24:26 +10:00
Shortcut.svelte Move away from Bazel (#2202) 2022-11-27 15:24:20 +10:00
Spacer.svelte Space out Sticky Bottom with Spacer component 2021-09-09 15:37:58 +02:00
SpinBox.svelte Rework spinner buttons (#2230) 2022-12-04 13:18:49 +10:00
StickyContainer.svelte Redesign deck options inputs (#2082) 2022-09-27 12:16:45 +10:00
Switch.svelte Fix various RTL issues (#2172) 2022-11-02 21:47:07 +10:00
TitledContainer.svelte Give containers brighter color than canvas (#2220) 2022-11-29 17:54:42 +10:00
tsconfig.json update to latest rules_nodejs & switch to ts_project 2021-10-01 12:52:53 +10:00
types.ts Make tags editor resizable using Henrik's components (#2046) 2022-09-28 14:02:32 +10:00
VerticalResizer.svelte Re-enable formatting for .svelte files 2022-11-28 09:17:39 +10:00
WithContext.svelte Use eslint for sorting our imports (#1637) 2022-02-04 18:36:34 +10:00
WithFloating.svelte Fix glitchy animation of floating elements (#2224) 2022-12-01 15:45:52 +10:00
WithOverlay.svelte Fix glitchy animation of floating elements (#2224) 2022-12-01 15:45:52 +10:00
WithState.svelte Use WithFloating for MathjaxOverlay (#2011) 2022-09-05 17:20:00 +10:00
WithTooltip.svelte Default input setting in fields dialog (#1987) 2022-08-18 12:30:18 +10:00