Fix switch theme looking disabled (#6957)

* log out too bold

* nit wrap

* nit factor out popoverClasses
This commit is contained in:
Diego Imbert
2025-10-27 17:17:47 +00:00
committed by GitHub
parent df2a0f8843
commit 6d7665f470
3 changed files with 13 additions and 34 deletions
+1 -1
View File
@@ -1033,7 +1033,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
</div>
</div>
<div class="flex flex-row items-center gap-2">
<div class="flex flex-row items-center gap-2 whitespace-nowrap">
{@render right?.()}
{#if scriptPath && !noHistory}
<Button
@@ -33,16 +33,15 @@
const dispatch = createEventDispatcher()
let customUi: undefined | FlowBuilderWhitelabelCustomUi = getContext('customUi')
let popoverClasses =
'center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600'
</script>
<div class="flex flex-row space-x-1">
<div class="flex flex-row space-x-1 whitespace-nowrap">
{#if module.value.type === 'script' || module.value.type === 'rawscript' || module.value.type == 'flow'}
{#if module.retry?.constant || module.retry?.exponential}
<Popover
placement="bottom"
class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
onClick={() => dispatch('toggleRetry')}
>
<Popover placement="bottom" class={popoverClasses} onClick={() => dispatch('toggleRetry')}>
<Repeat size={14} />
{#snippet text()}
Retries
@@ -52,7 +51,7 @@
{#if module?.value?.['concurrent_limit'] != undefined}
<Popover
placement="bottom"
class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
class={popoverClasses}
onClick={() => dispatch('toggleConcurrency')}
>
<Gauge size={14} />
@@ -62,11 +61,7 @@
</Popover>
{/if}
{#if module.cache_ttl != undefined}
<Popover
placement="bottom"
class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
onClick={() => dispatch('toggleCache')}
>
<Popover placement="bottom" class={popoverClasses} onClick={() => dispatch('toggleCache')}>
<Database size={14} />
{#snippet text()}
Cache
@@ -76,7 +71,7 @@
{#if module.stop_after_if || module.stop_after_all_iters_if}
<Popover
placement="bottom"
class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
class={popoverClasses}
onClick={() => dispatch('toggleStopAfterIf')}
>
<Square size={14} />
@@ -86,11 +81,7 @@
</Popover>
{/if}
{#if module.suspend}
<Popover
placement="bottom"
class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
onClick={() => dispatch('toggleSuspend')}
>
<Popover placement="bottom" class={popoverClasses} onClick={() => dispatch('toggleSuspend')}>
<PhoneIncoming size={14} />
{#snippet text()}
Suspend
@@ -98,11 +89,7 @@
</Popover>
{/if}
{#if module.sleep}
<Popover
placement="bottom"
class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
onClick={() => dispatch('toggleSleep')}
>
<Popover placement="bottom" class={popoverClasses} onClick={() => dispatch('toggleSleep')}>
<Bed size={14} />
{#snippet text()}
Sleep
@@ -110,11 +97,7 @@
</Popover>
{/if}
{#if module.mock?.enabled}
<Popover
placement="bottom"
class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
onClick={() => dispatch('togglePin')}
>
<Popover placement="bottom" class={popoverClasses} onClick={() => dispatch('togglePin')}>
<Pin size={14} />
{#snippet text()}
This step is pinned
@@ -86,11 +86,7 @@
Switch theme
</MenuItem>
<MenuItem
onClick={() => logout()}
class={twMerge(itemClass, 'text-primary font-semibold')}
{item}
>
<MenuItem onClick={() => logout()} class={itemClass} {item}>
<LogOut size={16} />
Sign out
</MenuItem>