Skip to content

Revert visual-editor overlay defaults: border-width 2px, hover/highlight opacity 0.333#678

Merged
formfcw merged 1 commit into
florian/twelve-ui-updatesfrom
florian/twelve-ui-updates-overlay-defaults-revert
May 18, 2026
Merged

Revert visual-editor overlay defaults: border-width 2px, hover/highlight opacity 0.333#678
formfcw merged 1 commit into
florian/twelve-ui-updatesfrom
florian/twelve-ui-updates-overlay-defaults-revert

Conversation

@formfcw
Copy link
Copy Markdown
Contributor

@formfcw formfcw commented May 18, 2026

Sub-PR for #628.

Reflects cda18ff874 ("use focus-ring-width instead of borderWidth theme token and revert opacity values"), which:

  • Removed the borderWidth field from VisualEditingTheme. The compiled-in fallback for --directus-visual-editing--rect--border-width is now sourced from t.focusRingWidth (default 2px) instead of the removed t.borderWidth (was 1px).
  • Reverted the default --hover-opacity from 0.4 back to 0.333.
  • Reverted the default --directus-visual-editing--rect-highlight--opacity from 0.4 back to 0.333.

Changes

  • content/guides/02.content/8.visual-editor/3.customization.md
    • --directus-visual-editing--rect--border-width: 1px;2px
    • --directus-visual-editing--rect-hover--opacity: 0.4;0.333
    • --directus-visual-editing--rect-highlight--opacity: 0.4;0.333

The Studio-defaults callout still reads correctly: it already lists "focus-ring width/offset" as Studio-sourced, which transitively covers the new rect border-width fallback.

Reflects cda18ff: borderWidth removed from VisualEditingTheme (rect border-width now falls back to focusRingWidth = 2px), and rect-hover/rect-highlight opacities reverted from 0.4 to 0.333.
@formfcw formfcw requested a review from a team as a code owner May 18, 2026 17:39
@vercel
Copy link
Copy Markdown

vercel Bot commented May 18, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
docs Building Building Preview, Comment May 18, 2026 5:39pm

Request Review

@formfcw formfcw merged commit 14b130d into florian/twelve-ui-updates May 18, 2026
1 of 2 checks passed
@formfcw formfcw deleted the florian/twelve-ui-updates-overlay-defaults-revert branch May 18, 2026 17:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant