fix(electrobun): restore CSS animations for WebKitGTK user mode

CSS pulse animations restored — they run at ~0% CPU on WebKitGTK's
native compositor. The --disable-gpu flags in electrobun.config.ts
only apply in CEF mode (AGOR_CEF=1) for E2E testing.

User mode (WebKitGTK): full GPU, full animations, full transitions
Test mode (CEF): GPU disabled, animations still CSS but no human watching
This commit is contained in:
Hibryda 2026-03-22 09:40:08 +01:00
parent 3a61158e00
commit 14231c5c0e
2 changed files with 10 additions and 6 deletions

View file

@ -178,11 +178,13 @@
.dot.orange { background: var(--ctp-peach); }
.pulse-dot {
/* No CSS animation — use JS class toggle to avoid continuous repaint.
CEF + WebKitGTK both suffer from high CPU with @keyframes on small elements. */
transition: opacity 0.3s ease;
animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
.pulse-dot.dim { opacity: 0.4; }
.val { color: var(--ctp-text); font-weight: 500; }
.cost { color: var(--ctp-yellow); }

View file

@ -219,8 +219,10 @@ html, body {
--dot-color: var(--ctp-peach);
}
/* @keyframes pulse-dot removed CSS animations cause continuous repaint
in CEF + WebKitGTK. Use JS class toggle instead. */
@keyframes pulse-dot {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.55; transform: scale(0.85); }
}
.project-name {
font-weight: 600;