elastic/kibana

[Dev Tools] Small design issues in high contrast mode

Open

#217 547 ouverte le 8 avr. 2025

Voir sur GitHub
 (8 commentaires) (0 réactions) (1 assigné)TypeScript (19 065 stars) (8 021 forks)batch import
Feature:ConsoleFeature:Search ProfilerTeam:Kibana Managementgood first issue

Description

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.

Guide contributeur

Stack technique
typescripthtmlcssreact
Domaine
frontendaccessibility
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
blocked
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic CSS knowledgeFamiliarity with Elastic UI (EUI)
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
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.