Remove RichTextBadge.svelte

This commit is contained in:
Matthias Metelka 2022-08-11 20:41:03 +02:00
parent 82dde941d2
commit 4eae6981f8
2 changed files with 4 additions and 48 deletions

View file

@ -22,6 +22,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
} }
$: icon = off ? chevronRight : chevronDown; $: icon = off ? chevronRight : chevronDown;
$: tooltip = collapsed ? tr.editingExpandField() : tr.editingCollapseField();
</script> </script>
<div <div
@ -32,12 +33,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
> >
<span class="clickable" on:click|stopPropagation={toggle}> <span class="clickable" on:click|stopPropagation={toggle}>
<span class="chevron"> <span class="chevron">
<Badge <Badge {tooltip} iconSize={80} --icon-align="text-bottom"
tooltip={tr.editingToggleVisualEditor()} >{@html icon}</Badge
iconSize={80} >
--icon-align="text-bottom"
>{@html icon}
</Badge>
</span> </span>
<slot name="field-name" /> <slot name="field-name" />
</span> </span>

View file

@ -1,42 +0,0 @@
<!--
Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="ts">
import { createEventDispatcher } from "svelte";
import Badge from "../components/Badge.svelte";
import * as tr from "../lib/ftl";
import { richTextOff, richTextOn } from "./icons";
export let off: boolean;
const dispatch = createEventDispatcher();
function toggle() {
dispatch("toggle");
}
$: icon = off ? richTextOff : richTextOn;
</script>
<span class="rich-text-badge" class:highlighted={off} on:click|stopPropagation={toggle}>
<Badge
tooltip={tr.editingToggleVisualEditor()}
iconSize={80}
--icon-align="text-bottom">{@html icon}</Badge
>
</span>
<style lang="scss">
span {
opacity: 0.4;
&.highlighted {
opacity: 1;
}
&:hover {
opacity: 0.8;
}
}
</style>