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

Fixes #335 : make table responsive on web-driver-setting page #339

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

Conversation

rahulptl165
Copy link

fixed #335 by @harshal050
Description:
This PR improves the responsiveness of the (https://nightwatchjs.org/guide/configuration/web-driver-settings.html) page by integrating Bootstrap and making necessary HTML and CSS adjustments.

  • Implementation Details:
  1. Wrapped the table inside a div with the table-responsive class.
  2. Applied Bootstrap's table and table-responsive 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 215700

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 responsive
1 participant