Forge-Store/Forge-Engine
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Give the selected-element canvas outline breathing room

Browse Source 
A compact element like a Jauge (name label + thin bar, no padding) got
an outline pulled 1px INSIDE its box (outline-offset:-1px), which hugged
the content so tightly it looked like it was slicing through the bar
instead of framing it. Push the outline outward instead (+3px) with a
soft glow, so the selection frame reads clearly regardless of how
tightly the underlying element is sized.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-08-23 20:34:48 +02:00
co-authored by Claude Sonnet 5
parent d8ab71ddeb
commit 3228460f1c
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+4 -1
View File
@@ -149,7 +149,10 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d
sur le canevas quand cet élément est imbriqué dans un conteneur/répéteur/ sur le canevas quand cet élément est imbriqué dans un conteneur/répéteur/
groupe de champs, qui n'a pas de cadre ".canvasElement" séparé comme un groupe de champs, qui n'a pas de cadre ".canvasElement" séparé comme un
élément posé directement sur l'écran. */ élément posé directement sur l'écran. */
.elementHighlighted{ outline:2px solid var(--accent); outline-offset:-1px; } .elementHighlighted{
outline:2px solid var(--accent); outline-offset:3px; border-radius:3px;
box-shadow:0 0 0 5px rgba(91,140,255,.15);
}
.resizeHandle{ .resizeHandle{
position:absolute; right:0; bottom:0; width:14px; height:14px; cursor:nwse-resize; position:absolute; right:0; bottom:0; width:14px; height:14px; cursor:nwse-resize;
background:var(--accent); border-radius:3px 0 6px 0; opacity:.85; background:var(--accent); border-radius:3px 0 6px 0; opacity:.85;