Ethanfel/Comfyui-JSON-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add visual distinction for subsequence cards with teal border

Browse Source 
The subsegment-card CSS class was not being applied to subsequence
expansion items. Add the class conditionally and include the teal
accent CSS rules with a 6px left border.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ethanfel
2026-03-01 00:31:00 +01:00
parent 615755ba44
commit 2ccc3821d6
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
main.py
View File

@@ -143,6 +143,15 @@ def index():
background: rgba(255,255,255,0.2); background: rgba(255,255,255,0.2);
} }
/* Sub-sequence accent (teal) */
.body--dark .subsegment-card > .q-expansion-item__container > .q-item {
border-left: 6px solid #06B6D4;
padding-left: 10px;
}
.body--dark .subsegment-card .q-expansion-item__toggle-icon {
color: #06B6D4 !important;
}
/* Secondary pane teal accent */ /* Secondary pane teal accent */
.pane-secondary .q-field--outlined.q-field--focused .q-field__control:after { .pane-secondary .q-field--outlined.q-field--focused .q-field__control:after {
border-color: #06B6D4 !important; border-color: #06B6D4 !important;

3
tab_batch_ng.py
View File

@@ -317,7 +317,8 @@ def _render_sequence_card(i, seq, batch_list, data, file_path, state,
else: else:
label = f'Sequence #{seq_num}' label = f'Sequence #{seq_num}'
with ui.expansion(label, icon='movie').classes('w-full'): exp_classes = 'w-full subsegment-card' if is_subsegment(seq_num) else 'w-full'
with ui.expansion(label, icon='movie').classes(exp_classes):
# --- Action row --- # --- Action row ---
with ui.row().classes('w-full q-gutter-sm action-row'): with ui.row().classes('w-full q-gutter-sm action-row'):
# Copy from source # Copy from source