Skip to content

Commit 27e4235

Browse files
LEANDERANTONYclaude
andcommitted
fix(workspace): move Sentry feedback to bottom-left + de-mute the assistant FAB
Two issues reported on the Sentry-enabled (prod) build: 1. The auto-injected Sentry "Report an issue" actor button and the workspace assistant FAB both pinned to the bottom-right corner. Sentry's actor carries a far higher z-index, so it overlapped and blocked the assistant chat. (Not reproducible on localhost — Sentry is a no-op without a DSN there, which is why it slipped earlier.) Fix: set `--actor-inset: auto auto 16px 16px` on :root. Per the installed @sentry-internal/feedback source the actor is positioned via `inset: var(--actor-inset)` (default bottom-right); this cascades into the widget shadow DOM exactly like the existing --actor-* theme props, moving the trigger to the BOTTOM-LEFT — opposite the assistant FAB (which keeps bottom-right). No code/JS change, no Sentry option needed. 2. The assistant FAB's blue looked muted vs the app's other electric- blue buttons. Its base gradient was already identical to .rd-btn-primary, but an always-on cursor-highlight radial (rgba(255,255,255,0.30) over ~55%) washed it out even at rest. Dropped the radial layer so .rd-fab renders the exact same crisp linear-gradient(180deg, var(--accent-strong) 0%, #114be9 100%) as the primary buttons. Verified on localhost: computed background now matches; radial gone. (The now-unused --rd-fab-x/y mousemove vars are harmless, left in place.) CSS-only. FAB color verified locally; the Sentry reposition manifests only on the DSN-configured build (verify on prod after deploy). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent a5f85b0 commit 27e4235

1 file changed

Lines changed: 17 additions & 6 deletions

File tree

frontend/src/app/globals.css

Lines changed: 17 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,16 @@
2121
--actor-color: #ffffff;
2222
--actor-hover-background: #4171ff;
2323
--actor-border: 1px solid rgba(170, 195, 255, 0.30);
24+
/* Pin the trigger to the BOTTOM-LEFT (Sentry's default is
25+
bottom-right, `inset: var(--actor-inset)` in @sentry-internal/
26+
feedback). The workspace assistant FAB owns bottom-right; without
27+
this the auto-injected widget overlapped/blocked it (Sentry's
28+
actor carries a far higher z-index). `inset` is top/right/bottom/
29+
left → bottom-left with a 16px gutter mirroring Sentry's ~1rem
30+
default spacing. Cascades into the shadow DOM exactly like the
31+
--actor-* theme props above. (No effect locally — Sentry is a
32+
no-op without a DSN — manifests on the Sentry-enabled build.) */
33+
--actor-inset: auto auto 16px 16px;
2434
}
2535

2636
* {
@@ -7055,12 +7065,13 @@ code {
70557065
height: 54px;
70567066
border-radius: 999px;
70577067
border: 1px solid rgba(140, 175, 255, 0.45);
7058-
/* Layered gradient with a CURSOR-FOLLOWING highlight (--rd-fab-x/y
7059-
CSS vars updated on mousemove). Defaults to a fixed upper-left
7060-
position when the cursor isn't over the button. */
7061-
background:
7062-
radial-gradient(circle at var(--rd-fab-x, 30%) var(--rd-fab-y, 25%), rgba(255, 255, 255, 0.30), transparent 55%),
7063-
linear-gradient(180deg, var(--accent-strong) 0%, #114be9 100%);
7068+
/* Same crisp electric-blue gradient as .rd-btn-primary so the FAB
7069+
reads as a peer of the app's other primary buttons. (Previously a
7070+
white radial-highlight layer sat on top — even at rest it washed
7071+
~55% of the button to rgba(255,255,255,0.30), muting the blue;
7072+
dropped for color parity. The --rd-fab-x/y mousemove vars are now
7073+
unused — harmless, left in place.) */
7074+
background: linear-gradient(180deg, var(--accent-strong) 0%, #114be9 100%);
70647075
color: white;
70657076
display: grid;
70667077
place-items: center;

0 commit comments

Comments
 (0)