elastic/kibana

[Fleet UI] Integrations Page formatting issue on Mobile

Geschlossen

#202.533 geöffnet am 02.12.2024

Auf GitHub ansehenContributor Guide
 (8 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (8.021 Forks)batch import
Team:Fleetbuggood first issue

Repository-Metriken

Stars
 (19.065 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

Kibana version: 8.16.1

Browser version: Chrome Latest

Browser OS version: Android Pixel

Describe the bug:

When scrolling on the Integrations page, the categories filters do not scroll off the page causing them to appear under the entries.

Image

Contributor Guide

Research-Richtung
Untersuchen Sie das CSS für die Integrationsseite in x pack/plugins/fleet/public. Das Problem ist, dass Kategoriefilter beim Scrollen auf Mobilgeräten fixiert bleiben. Suchen Sie nach CSS Eigenschaften wie position: sticky oder overflow im Filtercontainer. Erwägen Sie die Verwendung von Media Queries, um das Verhalten auf kleinen Bildschirmen anzupassen. Überprüfen Sie vorhandene Mobile Styles in der Codebasis.
Tech Stack
typescriptreactcss
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSS layoutresponsive design
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80