Skip to content

Fix - Explorer table content gets cut off on mobile screens#792

Open
Mahaboobunnisa123 wants to merge 1 commit intoOWASP:mainfrom
Mahaboobunnisa123:improve-explorer/table-UI
Open

Fix - Explorer table content gets cut off on mobile screens#792
Mahaboobunnisa123 wants to merge 1 commit intoOWASP:mainfrom
Mahaboobunnisa123:improve-explorer/table-UI

Conversation

@Mahaboobunnisa123
Copy link
Contributor

@Mahaboobunnisa123 Mahaboobunnisa123 commented Mar 6, 2026

FIxes #789
This PR fixes the Explorer debug table on mobile screens so the content is no longer cut off and users can scroll horizontally to view the hidden columns and link type tags.

Changes made
Added mobile-friendly horizontal scrolling for the Graph Debug table.
Kept the table layout from collapsing on small screens so the columns remain usable.
Updated the debug panel header styling slightly so it wraps better on smaller widths.

Before:
Screenshot (508)
Screenshot (509)

After Improvements:
​Added video recording for better readabilty
https://github.com/user-attachments/assets/5d9ffde1-8cc2-4163-923b-6a7f66aa30d2

@Mahaboobunnisa123
Copy link
Contributor Author

@northdpole, Happy to receive any feedback on this. Thanks!

@Mahaboobunnisa123
Copy link
Contributor Author

Hi @northdpole, Please review it and would happy to take any suggestions. Thanks!

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.

Explorer table content gets cut off on mobile screens

1 participant