anki/ts/deck-options/StepsInput.svelte
Matthias Metelka 9c45a2f7d0
Refactor Select component | Fix CSV import issue (#2227)
* Refactor Select component and implement/update it in various screens

* Remove redundant select CSS

* Tweak DeckOptionsPage

* Fix CSV import layout

* Fix save button margin in change notetype screen

* Fix sticky header positioning

* Remove unused imports

* Make StickyHeader sticky instead of fixed
2022-12-01 19:24:26 +10:00

25 lines
558 B
Svelte

<!--
Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="ts">
import { stepsToString, stringToSteps } from "./steps";
export let value: number[];
let stringValue: string;
$: stringValue = stepsToString(value);
function update(this: HTMLInputElement): void {
value = stringToSteps(this.value);
}
</script>
<input type="text" value={stringValue} on:blur={update} />
<style lang="scss">
input {
width: 100%;
}
</style>