midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Fix: small CSS fix

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-08-08 20:46:40 +02:00
parent a03a34ee21
commit 1b8970b34a
1 changed files with 22 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/UI/Popup/DeleteFlow/DeleteWizard.svelte
View file

@ -1,24 +1,24 @@
<script lang="ts"> <script lang="ts">
import LoginToggle from "../../Base/LoginToggle.svelte" import LoginToggle from "../../Base/LoginToggle.svelte";
import type { SpecialVisualizationState } from "../../SpecialVisualization" import type { SpecialVisualizationState } from "../../SpecialVisualization";
import Translations from "../../i18n/Translations" import Translations from "../../i18n/Translations";
import Tr from "../../Base/Tr.svelte" import Tr from "../../Base/Tr.svelte";
import { InformationCircleIcon, TrashIcon } from "@babeard/svelte-heroicons/mini" import { TrashIcon } from "@babeard/svelte-heroicons/mini";
import type { OsmId, OsmTags } from "../../../Models/OsmFeature" import type { OsmId, OsmTags } from "../../../Models/OsmFeature";
import DeleteConfig from "../../../Models/ThemeConfig/DeleteConfig" import DeleteConfig from "../../../Models/ThemeConfig/DeleteConfig";
import TagRenderingQuestion from "../TagRendering/TagRenderingQuestion.svelte" import TagRenderingQuestion from "../TagRendering/TagRenderingQuestion.svelte";
import type { Feature } from "geojson" import type { Feature } from "geojson";
import { UIEventSource } from "../../../Logic/UIEventSource" import { UIEventSource } from "../../../Logic/UIEventSource";
import LayerConfig from "../../../Models/ThemeConfig/LayerConfig" import LayerConfig from "../../../Models/ThemeConfig/LayerConfig";
import { TagsFilter } from "../../../Logic/Tags/TagsFilter" import { TagsFilter } from "../../../Logic/Tags/TagsFilter";
import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid" import { XCircleIcon } from "@rgossiaux/svelte-heroicons/solid";
import { TagUtils } from "../../../Logic/Tags/TagUtils" import { TagUtils } from "../../../Logic/Tags/TagUtils";
import OsmChangeAction from "../../../Logic/Osm/Actions/OsmChangeAction" import OsmChangeAction from "../../../Logic/Osm/Actions/OsmChangeAction";
import DeleteAction from "../../../Logic/Osm/Actions/DeleteAction" import DeleteAction from "../../../Logic/Osm/Actions/DeleteAction";
import ChangeTagAction from "../../../Logic/Osm/Actions/ChangeTagAction" import ChangeTagAction from "../../../Logic/Osm/Actions/ChangeTagAction";
import Loading from "../../Base/Loading.svelte" import Loading from "../../Base/Loading.svelte";
import { DeleteFlowState } from "./DeleteFlowState" import { DeleteFlowState } from "./DeleteFlowState";
import { twJoin } from "tailwind-merge" import { twJoin } from "tailwind-merge";
export let state: SpecialVisualizationState export let state: SpecialVisualizationState
export let deleteConfig: DeleteConfig export let deleteConfig: DeleteConfig
@ -83,10 +83,9 @@
</script> </script>
{#if $canBeDeleted === false && !hasSoftDeletion} {#if $canBeDeleted === false && !hasSoftDeletion}
<div class="low-interaction flex"> <div class="low-interaction flex flex-col">
<InformationCircleIcon class="h-6 w-6" />
<Tr t={$canBeDeletedReason} /> <Tr t={$canBeDeletedReason} />
<Tr class="subtle" t={t.useSomethingElse} /> <Tr cls="subtle" t={t.useSomethingElse} />
</div> </div>
{:else} {:else}
<LoginToggle ignoreLoading={true} {state}> <LoginToggle ignoreLoading={true} {state}>