starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-09-07 00:01:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve object viewer alignment #4654

Browse Source 
* cleaning ui

* fix array alignment
This commit is contained in:
Guilhem
2024-11-06 15:35:21 +01:00
committed by GitHub
parent 65f67ab160
commit 36d56e6f38
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte
-1
View File
@@ -101,7 +101,6 @@
{displayContext}
{error}
{pickableProperties}
{notSelectable}
allowCopy={!notSelectable && !$propPickerConfig}
on:select={({ detail }) => {
dispatch('select', detail)
frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
+6 -4
View File
@@ -83,13 +83,15 @@
{#if level != 0 && keys.length > 1}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<Button
color="light"
size="xs2"
variant="border"
on:click={collapse}
wrapperClasses="inline-flex w-fit h-4"
btnClasses="font-semibold text-primary rounded-[0.275rem]">-</Button
wrapperClasses="inline-flex w-fit"
btnClasses="font-mono h-4 text-2xs px-1 font-thin text-primary rounded-[0.275rem]"
>-</Button
>
{/if}
{#if level == 0 && topBrackets}<span class="h-0">{openBracket}</span>{/if}
@@ -194,8 +196,8 @@
size="xs2"
variant="border"
on:click={collapse}
wrapperClasses="inline-flex w-fit h-4"
btnClasses="font-normal rounded-[0.275rem] h-4 p-1"
wrapperClasses="inline-flex w-fit"
btnClasses="font-normal h-4 text-2xs px-1 text-primary rounded-[0.275rem]"
>
{openBracket}{collapsedSymbol}{closeBracket}
</Button>
frontend/src/lib/components/propertyPicker/PropPicker.svelte
+11 -12
View File
@@ -12,7 +12,6 @@
export let pickableProperties: PickableProperties
export let displayContext = true
export let notSelectable: boolean
export let error: boolean = false
export let allowCopy = false
@@ -186,12 +185,12 @@
<Button
color="light"
size="xs2"
variant="contained"
variant="border"
on:click={() => {
allResultsCollapsed = true
}}
wrapperClasses="inline-flex w-fit h-4"
btnClasses="font-normal text-primary rounded-[0.275rem]">-</Button
wrapperClasses="inline-flex whitespace-nowrap w-fit"
btnClasses="font-mono h-4 text-2xs font-thin px-1 rounded-[0.275rem]">-</Button
>
{/if}
@@ -219,8 +218,8 @@
on:click={() => {
displayVariable = false
}}
wrapperClasses="inline-flex w-fit h-4"
btnClasses="font-normal text-primary rounded-[0.275rem]">-</Button
wrapperClasses="inline-flex whitespace-nowrap w-fit"
btnClasses="font-mono h-4 text-2xs font-thin px-1 rounded-[0.275rem]">-</Button
>
<ObjectViewer
@@ -240,8 +239,8 @@
await loadVariables()
displayVariable = true
}}
wrapperClasses="inline-flex w-fit h-4"
btnClasses="font-normal rounded-[0.275rem] p-1"
wrapperClasses="inline-flex w-fit"
btnClasses="font-normal text-2xs rounded-[0.275rem] h-4 px-1"
>
{'{...}'}
</Button>
@@ -259,8 +258,8 @@
on:click={() => {
displayResources = false
}}
wrapperClasses="inline-flex w-fit h-4"
btnClasses="font-normal text-primary rounded-[0.275rem]">-</Button
wrapperClasses="inline-flex whitespace-nowrap w-fit"
btnClasses="font-mono h-4 text-2xs font-thin px-1 rounded-[0.275rem]">-</Button
>
<ObjectViewer
{allowCopy}
@@ -279,8 +278,8 @@
await loadResources()
displayResources = true
}}
wrapperClasses="inline-flex w-fit h-4"
btnClasses="font-normal rounded-[0.275rem] p-1"
wrapperClasses="inline-flex whitespace-nowrap w-fit"
btnClasses="font-normal text-2xs rounded-[0.275rem] h-4 px-1"
>
{'{...}'}
</Button>