elastic/kibana

[Fleet UI] Integrations Page formatting issue on Mobile

Open

#202.533 geöffnet am 2. Dez. 2024

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

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

Tech Stack
typescriptreactcss
Domain
frontend
Issue Type
bug
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.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
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
Research-Richtung
Examine the CSS for the Integrations page in x pack/plugins/fleet/public. The issue is that category filters remain fixed on mobile when scrolling. Look for CSS properties like position: sticky or overflow on the filter container. Consider using media queries to adjust behavior on small screens. Check existing mobile styles in the codebase.