steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-01 08:12:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

avoid opacity select overflow

Browse Source
This commit is contained in:
vcoppe
2024-07-18 19:00:29 +02:00
parent 41d60457c6
commit 37334f734b
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website/src/lib/components/layer-control/LayerControlSettings.svelte
View File

@@ -30,7 +30,7 @@
} = settings; } = settings;
export let open: boolean; export let open: boolean;
let accordionValue = 'layer-selection'; let accordionValue: string | string[] | undefined = undefined;
let selectedOverlay = writable(undefined); let selectedOverlay = writable(undefined);
let overlayOpacity = writable([1]); let overlayOpacity = writable([1]);
@@ -115,7 +115,7 @@
<Sheet.Content> <Sheet.Content>
<Sheet.Header class="h-full"> <Sheet.Header class="h-full">
<Sheet.Title>{$_('layers.settings')}</Sheet.Title> <Sheet.Title>{$_('layers.settings')}</Sheet.Title>
<ScrollArea class="w-[105%] pr-4"> <ScrollArea class="w-[105%] min-h-full pr-4">
<Sheet.Description> <Sheet.Description>
{$_('layers.settings_help')} {$_('layers.settings_help')}
</Sheet.Description> </Sheet.Description>
@@ -162,7 +162,7 @@
<Select.Trigger class="h-8 mr-1"> <Select.Trigger class="h-8 mr-1">
<Select.Value /> <Select.Value />
</Select.Trigger> </Select.Trigger>
<Select.Content> <Select.Content class="h-fit max-h-[40dvh] overflow-y-auto">
{#each Object.keys(overlays) as id} {#each Object.keys(overlays) as id}
{#if isSelected($selectedOverlayTree, id)} {#if isSelected($selectedOverlayTree, id)}
<Select.Item value={id}>{$_(`layers.label.${id}`)}</Select.Item> <Select.Item value={id}>{$_(`layers.label.${id}`)}</Select.Item>

2
website/src/lib/components/ui/select/select-trigger.svelte
View File

@@ -12,7 +12,7 @@
<SelectPrimitive.Trigger <SelectPrimitive.Trigger
class={cn( class={cn(
"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid]:border-destructive [&>span]:line-clamp-1 data-[placeholder]:[&>span]:text-muted-foreground",
className className
)} )}
{...$$restProps} {...$$restProps}