alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove collapsible section header from animation type selector

Browse Source 
Animation section only has one field, so flatten it to a simple
form group with label instead of a details/summary wrapper.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-03-12 15:21:25 +03:00
parent c431cb67b6
commit 0e270685e8
1 changed files with 10 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
server/src/wled_controller/templates/modals/css-editor.html
View File

@@ -619,13 +619,9 @@
</div> </div>
<!-- Animation — shown for static/gradient, hidden for picture --> <!-- Animation — shown for static/gradient, hidden for picture -->
<div id="css-editor-animation-section" style="display:none"> <div id="css-editor-animation-section" class="form-group" style="display:none">
<details class="form-collapse">
<summary><span data-i18n="color_strip.animation">Animation</span></summary>
<div class="form-collapse-body">
<div class="form-group">
<div class="label-row"> <div class="label-row">
<label for="css-editor-animation-type" data-i18n="color_strip.animation.type">Effect:</label> <label for="css-editor-animation-type" data-i18n="color_strip.animation">Animation:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button> <button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>
</div> </div>
<small class="input-hint" style="display:none" data-i18n="color_strip.animation.type.hint">The animation effect to apply. Available effects depend on source type. Select None to disable animation.</small> <small class="input-hint" style="display:none" data-i18n="color_strip.animation.type.hint">The animation effect to apply. Available effects depend on source type. Select None to disable animation.</small>
@@ -634,9 +630,6 @@
</select> </select>
<small id="css-editor-animation-type-desc" class="field-desc"></small> <small id="css-editor-animation-type-desc" class="field-desc"></small>
</div> </div>
</div>
</details>
</div>
<!-- Sync Clock (shown for animated types: static, gradient, color_cycle, effect) --> <!-- Sync Clock (shown for animated types: static, gradient, color_cycle, effect) -->
<div id="css-editor-clock-group" class="form-group" style="display:none"> <div id="css-editor-clock-group" class="form-group" style="display:none">