elastic/kibana

[Dev Tools] Small design issues in high contrast mode

Open

#217.547 geöffnet am 8. Apr. 2025

Auf GitHub ansehen
 (8 Kommentare) (0 Reaktionen) (1 zugewiesene Person)TypeScript (19.065 Stars) (8.021 Forks)batch import
Feature:ConsoleFeature:Search ProfilerTeam:Kibana Managementgood first issue

Beschreibung

In high contrast mode, some of the Dev Tools components have double borders or rounded corners. This is because the EuiPanel always has a border in high contrast mode, even if it's set to have no shadow and no border. We could try to fix this by using div elements instead.

Contributor Guide

Tech Stack
typescripthtmlcssreact
Domain
frontendaccessibility
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
blocked
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Basic CSS knowledgeFamiliarity with Elastic UI (EUI)
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70
Research-Richtung
The issue involves high contrast mode in Kibana Dev Tools, where EuiPanel components cause double borders or rounded corners. The suggested fix is to replace EuiPanel with div elements. Look at the Dev Tools components that use EuiPanel and ensure the visual appearance is correct in high contrast mode. The maintainers have discussed this in comments; review the discussion for any specific components mentioned. No linked PRs, but there is an assignee, so coordinate if needed.