Skip to content

Conversation

@rahulptl165
Copy link

@rahulptl165 rahulptl165 commented Jan 2, 2025

fixed #336 by @harshal050
Description
This PR improves the responsiveness of the "Selenium Settings" page by integrating Bootstrap and making necessary HTML and CSS adjustments.

  • Key Changes:
  1. Added Bootstrap CSS for responsive layout management.
  2. Updated the table to use table-responsive for better handling on smaller screens.
  3. Enhanced the pagination section with Bootstrap’s grid classes.
  • Implementation Details:
  1. Wrapped the table inside a div with the table-responsive class.
  2. Applied Bootstrap's table and table-striped classes for a consistent look.
  • Testing:
  1. Verified responsiveness on devices with different screen sizes (mobile, tablet, desktop).
  2. Ensured the table scrolls horizontally on smaller screens without breaking the layout.
  3. Confirmed no visual regressions on large screens.

Here's how the page looks now on mobile devices:
Screenshot 2025-01-02 195911

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.

[Bug] : In mobile screen page table should be responsiv

1 participant