fix(field-editor-v3): show edit buttons dimmed in edit mode, bright on hover

Previously buttons were opacity-0 until hover — invisible even in edit mode.
Changed to opacity-20 base so users can see which fields are editable, opacity-100 on hover.
Matches the behavior in element_data_store_v3.svelte.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-05 18:00:56 -05:00
parent d846a39677
commit fdd1c88b35

View File

@@ -183,7 +183,7 @@
Use invisible (visibility:hidden, preserves space) when edit_mode is off. -->
<button
type="button"
class="btn-icon btn-icon-sm variant-soft-warning opacity-0 group-hover:opacity-100 transition-opacity"
class="btn-icon btn-icon-sm variant-soft-warning opacity-20 hover:opacity-100 transition-opacity"
class:invisible={!$ae_loc.edit_mode}
class:pointer-events-none={!$ae_loc.edit_mode}
onclick={toggle_edit}