fix confusing pin button css

2026-08-20 04:19:56 +02:00 · 2026-08-16 20:03:40 -04:00
parent 806c58c9cb
commit 03f0d8dd2b
4 changed files with 79 additions and 6 deletions
@@ -259,10 +259,11 @@ export default function ScopePopoutWindow({ scopeKind }: ScopePopoutWindowProps)
            <div className="scope-popout__actions">
              <button
                type="button"
-                className={`scope-popout__button ${isAlwaysOnTop ? 'is-active' : ''}`.trim()}
+                className={`scope-popout__button scope-popout__button--pin ${isAlwaysOnTop ? 'is-active' : ''}`.trim()}
                onClick={() => window.electronAPI.toggleAlwaysOnTop()}
                aria-label={isAlwaysOnTop ? 'Unpin from top' : 'Pin to top'}
                title={isAlwaysOnTop ? 'Unpin from top' : 'Pin to top'}
+                aria-pressed={isAlwaysOnTop}
              >
                <PinIcon />
              </button>