elastic/kibana

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

オープン

#156,658 opened on 2023/05/04

GitHub で見るコントリビューターガイド
 (6 件のコメント) (0 件のリアクション) (1 人の担当者)TypeScript (8,021 件のフォーク)batch import
Team:Fleetbuggood first issueimpact:low

Repository metrics

Stars
 (19,065 個のスター)
PR merge metrics
 (PR metrics pending)

説明

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

コントリビューターガイド

調査方針
この問題は、エージェントタブの検索バーにおいて、無効なクエリエラーアイコンと検索フィールドクリアアイコンのCSS重複です。修正には、これらの要素のCSS配置やz indexの調整が含まれる可能性があります。まず、Fleetプラグイン内の検索バーコンポーネントを特定します（例：`x pack/plugins/fleet/public/`）。検索入力のスタイリングとエラー/クリアアイコンコンポーネントを探します。重複を防ぐためにレイアウトを調整します。無効なクエリを使用してテストし、アイコンが表示され、重複していないことを確認します。
技術スタック
typescript
領域
frontend
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
1
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
なし
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
80