sentry icon indicating copy to clipboard operation
sentry copied to clipboard

User Feedback focus color for the infinite scrolling list needs fixing in dark-mode

Open ryan953 opened this issue 1 year ago • 2 comments

This probably also applies to virtual lists around the app (like replay). We should check that too

But the problem is when you're using your keyboard to navigate the page, the focus color for that list isn't great. We should update the color

What it looks like now:

Image

The code that applies the color is actually coming from browser defaults. See .ReactVirtualized__Grid .ReactVirtualized__List gets .focus-visible and data-focus-visible-added added, which sets UA styles: outline: -webkit-focus-ring-color auto 1px;

The list container could also use some rounded corners at the bottom to match the container/border.

Image

ryan953 avatar Nov 21 '23 14:11 ryan953

Any news when dark mode will be available to all sentry users, not only superuser?

Screenshot 2024-05-10 at 14 30 39

It has been "under development" for more than 3 years accordingly to this reference

lcsvcn avatar May 10 '24 17:05 lcsvcn

@lcsvcn could you file another issue for this?

hubertdeng123 avatar May 13 '24 22:05 hubertdeng123