Skip to content

Conversation

@srijan2607
Copy link

@srijan2607 srijan2607 commented Dec 3, 2025

Description

Fix UI overflow issue in the Reports Search page where the "End time" and "Errors" columns were overlapping/overflowing due to wide datetime-local inputs. Related issue #3096

Changes

  • Added flex-wrap class to the second row to allow proper wrapping on smaller screens
  • Added overflow-hidden class to Start time and End time columns
  • Added maxWidth: 200px inline style to all datetime inputs to constrain their width
  • Added consistent bg-darker border-dark styling to datetime inputs to match other form inputs

Type of change

  • Bug fix (non-breaking change which fixes an issue).

Checklist

  • I have read and understood the rules about how to Contribute to this project
  • The pull request is for the branch develop
  • [N/A] A new plugin (analyzer, connector, visualizer, playbook, pivot or ingestor) was added or changed (This is a UI bugfix only)
  • [N/A] I have inserted the copyright banner (No new files created, only modified existing file)
  • No new libraries added
  • [N/A] External libraries with restrictive licenses (No new libraries)
  • Linters (Black, Flake, Isort) gave 0 errors
  • [N/A] I have added tests (CSS/styling fix, covered by visual inspection)
  • GUI has been modified:
    • I have provided a screenshot of the result in the PR
    • [N/A] Frontend tests (CSS styling fix, no new components)

Screenshots

Before (Bug)

Screenshot 2025-12-03 at 7 58 59 PM

After (Fixed)

Screenshot 2025-12-03 at 8 06 25 PM

@srijan2607
Copy link
Author

@fgibertoni Can you take a look

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant