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

Feature: add 'filter'-button shortcut to bottom-left controls

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-10-09 00:43:11 +02:00
parent 827d986eae
commit 52e6476694
1 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/UI/ThemeViewGUI.svelte
View file

@ -52,6 +52,7 @@
import LanguagePicker from "./LanguagePicker" import LanguagePicker from "./LanguagePicker"
import Locale from "./i18n/Locale" import Locale from "./i18n/Locale"
import ShareScreen from "./BigComponents/ShareScreen.svelte" import ShareScreen from "./BigComponents/ShareScreen.svelte"
import { Square3Stack3dIcon } from "@babeard/svelte-heroicons/solid";
export let state: ThemeViewState export let state: ThemeViewState
let layout = state.layout let layout = state.layout
@ -170,6 +171,10 @@
<div class="flex w-full items-end justify-between px-4"> <div class="flex w-full items-end justify-between px-4">
<div class="flex"> <div class="flex">
<!-- bottom left elements --> <!-- bottom left elements -->
<MapControlButton on:click={() => state.guistate.openFilterView()}>
<ToSvelte construct={Svg.filter_svg().SetClass("h-6 w-6")}/>
</MapControlButton>
<OpenBackgroundSelectorButton hideTooltip={true} {state} /> <OpenBackgroundSelectorButton hideTooltip={true} {state} />
<a <a
class="bg-black-transparent pointer-events-auto h-fit max-h-12 cursor-pointer self-end overflow-hidden rounded-2xl pl-1 pr-2 text-white opacity-50 hover:opacity-100" class="bg-black-transparent pointer-events-auto h-fit max-h-12 cursor-pointer self-end overflow-hidden rounded-2xl pl-1 pr-2 text-white opacity-50 hover:opacity-100"