elastic/kibana

[Fleet]: Invalid query error `!` icon and clear search field `x` icon gets overlapped under Agents tab.

Aperta

#156.658 aperta il 4 mag 2023

Vedi su GitHubGuida contributor
 (6 commenti) (0 reazioni) (1 assegnatario)TypeScript (8021 fork)batch import
Team:Fleetbuggood first issueimpact:low

Metriche repository

Star
 (19.065 stelle)
Metriche merge PR
 (Merge medio 1g 16h) (999 PR mergiate in 30 g)

Descrizione

Kibana Build details:

VERSION: 8.8 BC1 kibana cloud environment
BUILD: 62765
COMMIT: d0327fc75720e56ee76b640f07ffd1b154a348a8

Host OS and Browser version: All, All

Preconditions:

  1. 8.8 BC1 kibana cloud environment should be available.

Steps to reproduce:

  1. Navigate to Agents tab and add invalid/incomplete query to the search bar.
  2. Observe Invalid query error ! icon and clear search field x icon gets overlapped.

Expected: Invalid query error ! icon and clear search field x icon shouldn't get overlap under Agents tab.

Screenshot: image image

Guida contributor

Direzione di ricerca
Il problema è una sovrapposizione CSS tra l'icona di errore per query non valida e l'icona di cancellazione del campo di ricerca nella barra di ricerca della scheda Agenti. La correzione probabilmente comporta la regolazione del posizionamento CSS o dello z index di questi elementi. Inizia individuando il componente della barra di ricerca nel plugin Fleet (ad esempio `x pack/plugins/fleet/public/`). Cerca lo stile dell'input di ricerca e i componenti delle icone di errore/cancellazione. Modifica il layout per evitare sovrapposizioni. Testa con una query non valida per assicurarti che le icone siano visibili e non si sovrappongano.
Tech stack
typescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Nessuno
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80