Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed #336 : page responsive issue on selenium-settings page #338

Open
wants to merge 1 commit into
base: versions/3.0
Choose a base branch
from

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