admin/figma-ai-plugin
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: hovering any handle reveals all zones, hovered one brighter

Browse Source
This commit is contained in:
Hermes Agent committed 2026-09-16 14:27:48 +02:00
1 parent c0845d8e4c
commit bf14dba0ac
1 file changed
+11 -4
Download Patch File Download Diff File Expand all files Collapse all files
src/ui.tsx
+11 -4
View File
@@ -286,12 +286,19 @@ function Plugin () {
.plugin-root { width: 100%; height: 100%; }
.resize-hitbox {
opacity: 0;
transition: opacity 120ms ease;
background: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(255, 255, 255, 0.65);
transition: opacity 120ms ease, background 120ms ease, border-color 120ms ease;
background: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 4px;
}
.plugin-root:hover .resize-hitbox { opacity: 1; }
/* Hovering any handle (or anywhere in the window) reveals all handles. */
.plugin-root:hover .resize-hitbox,
.plugin-root:has(.resize-hitbox:hover) .resize-hitbox { opacity: 1; }
/* The specifically hovered handle is brighter. */
.resize-hitbox:hover {
background: rgba(255, 255, 255, 0.9);
border-color: rgba(255, 255, 255, 1);
}
`}</style>
<Container space="medium" style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
<div style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>