mirror of
https://github.com/ankitects/anki.git
synced 2025-09-19 22:42:25 -04:00
5849fc6f64
* Make image occlusion's option buttons tabbable * Added myself to contributors * Removed two-way binding
45 lines
1.4 KiB
Svelte
45 lines
1.4 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 * as tr from "@tslib/ftl";
|
|
|
|
import Container from "../components/Container.svelte";
|
|
import LabelButton from "../components/LabelButton.svelte";
|
|
|
|
export let onPickImage: () => void;
|
|
export let onPickImageFromClipboard: () => void;
|
|
</script>
|
|
|
|
<Container class="image-occlusion-picker">
|
|
<div id="io-pick-image-file" style="padding-top: 60px; text-align: center;">
|
|
<LabelButton
|
|
tabbable={true}
|
|
--border-left-radius="5px"
|
|
--border-right-radius="5px"
|
|
class="io-image-picker-button"
|
|
on:click={onPickImage}
|
|
>
|
|
{tr.notetypesIoSelectImage()}
|
|
</LabelButton>
|
|
</div>
|
|
<div id="io-pick-image-clipboard" style="padding-top: 30px; text-align: center;">
|
|
<LabelButton
|
|
tabbable={true}
|
|
--border-left-radius="5px"
|
|
--border-right-radius="5px"
|
|
class="io-image-picker-button"
|
|
on:click={onPickImageFromClipboard}
|
|
>
|
|
{tr.notetypesIoPasteImageFromClipboard()}
|
|
</LabelButton>
|
|
</div>
|
|
</Container>
|
|
|
|
<style lang="scss">
|
|
:global(.io-image-picker-button) {
|
|
margin: auto;
|
|
padding: 0px 8px 0px 8px !important;
|
|
}
|
|
</style>
|