starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-08-22 08:02:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: move group summary below tab and increase top padding

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Guilhem
2026-03-04 17:21:42 +00:00
parent ee830fd962
commit 498af855db
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/graph/GroupOverlay.svelte
+6 -5
View File
@@ -86,11 +86,12 @@
if (group.module_ids.length === 0) return null
const { minX, minY, maxX, maxY } = calculateNodesBoundsWithOffset(group.module_ids, allNodes)
const padding = 16
const topPadding = 28
return {
x: minX - padding,
y: minY - padding,
y: minY - topPadding,
width: maxX - minX + 2 * padding,
height: maxY - minY + 2 * padding
height: maxY - minY + topPadding + padding
}
}
@@ -216,7 +217,7 @@
bind:this={summaryInputEl}
bind:value={summaryInput}
class="absolute !text-3xs !font-medium !h-4 !bg-transparent !outline-none {textColorClass}"
style="top: -18px; left: 70px; width: 160px; padding: 0 6px;"
style="top: 2px; left:-3px; width: 160px; padding: 2px 2px;"
onblur={() => saveSummary(group.id)}
onkeydown={(e) => handleSummaryKeydown(e, group.id)}
onclick={stopPropagation(preventDefault(() => {}))}
@@ -229,10 +230,10 @@
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<span
class="absolute text-3xs font-medium bg-surface-secondary truncate max-w-[150px] text-opacity-60 {textColorClass} {editMode
class="absolute text-3xs font-medium truncate max-w-[150px] text-opacity-60 {textColorClass} {editMode
? 'cursor-text rounded px-0.5 -mx-0.5 hover:text-opacity-100'
: ''}"
style="top: -18px; left: 76px;"
style="top: 2px; left: 0px;"
onclick={editMode
? stopPropagation(
preventDefault(() => startEditingSummary(group.id, group.summary ?? ''))
frontend/src/lib/components/graph/groupEditor.svelte.ts
+1 -1
View File
@@ -261,7 +261,7 @@ export function getGroupEditorContext(): GroupEditorContext | undefined {
/** Extra vertical space pushed above the topmost node of each group for the tab */
export const GROUP_HEADER_HEIGHT = 0
const GROUP_TOP_MARGIN = 16
const GROUP_TOP_MARGIN = 28
/**
* Compute adjusted node positions for collapsed groups whose note is visible.