Anki/ts/editor/editor-toolbar/FormatInlineButtons.svelte
Henrik Giesel f534dbb8e5
Separate input components into their own directories / Remove WithShortcut (#1613)
* Put PlainTextInput into its own directory

* Create a directory for RichTextInput

* Create editor-toolbar directory

* Move PreviewButton into editor-toolbar

* The time to refactor this is not quite yet here

* Create tag-editor directory

* Remove some of the uses of WithShortcut

* Remove all uses of WithShortcut from editor package

* Remove last uses of WithShortcut

* Fix typo
2022-01-24 11:43:09 +10:00

56 lines
1.6 KiB
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 ButtonGroup from "../../components/ButtonGroup.svelte";
import ButtonGroupItem from "../../components/ButtonGroupItem.svelte";
import CommandIconButton from "./CommandIconButton.svelte";
import BoldButton from "./BoldButton.svelte";
import ItalicButton from "./ItalicButton.svelte";
import UnderlineButton from "./UnderlineButton.svelte";
import * as tr from "../../lib/ftl";
import { superscriptIcon, subscriptIcon, eraserIcon } from "./icons";
export let api = {};
</script>
<ButtonGroup {api}>
<ButtonGroupItem>
<BoldButton />
</ButtonGroupItem>
<ButtonGroupItem>
<ItalicButton />
</ButtonGroupItem>
<ButtonGroupItem>
<UnderlineButton />
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton
key="superscript"
shortcut="Control+="
tooltip={tr.editingSuperscript()}>{@html superscriptIcon}</CommandIconButton
>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton
key="subscript"
shortcut="Control+Shift+="
tooltip={tr.editingSubscript()}>{@html subscriptIcon}</CommandIconButton
>
</ButtonGroupItem>
<ButtonGroupItem>
<CommandIconButton
key="removeFormat"
shortcut="Control+R"
tooltip={tr.editingRemoveFormatting()}
withoutState>{@html eraserIcon}</CommandIconButton
>
</ButtonGroupItem>
</ButtonGroup>