Skip to content

fix(overview): replace Bootstrap grid with Tailwind layout#367

Open
BUDDHABHUSHAN23 wants to merge 1 commit intofossology:mainfrom
BUDDHABHUSHAN23:BUDDHABHUSHAN23/#366/overview-page-redesign
Open

fix(overview): replace Bootstrap grid with Tailwind layout#367
BUDDHABHUSHAN23 wants to merge 1 commit intofossology:mainfrom
BUDDHABHUSHAN23:BUDDHABHUSHAN23/#366/overview-page-redesign

Conversation

@BUDDHABHUSHAN23
Copy link

Description

The help/overview page uses Bootstrap grid classes (row, col-md-*,
justify-content-end) which have no effect in this Tailwind-only project.
This causes the microscope image to overflow the viewport, the GUI section
to be completely hidden, and the pipeline diagram to render unconstrained.

Changes

  • Removed all Bootstrap grid classes from OverviewClient.jsx
  • Rebuilt full page layout using Tailwind CSS only
  • Restructured page into 5 sections: Toolset, GUI, How to Begin,
    Inside FOSSology, and Help CTA
  • Fixed microscope image overflow
  • Added fossologyFlow1.svg, microscope1.svg, websearch.svg
    to public/assets/images/
  • Fully responsive across mobile, tablet, and desktop

How to test

  1. pnpm install then pnpm dev
  2. Open http://localhost:3000/help/overview
  3. Verify all 5 sections render correctly
  4. Resize browser to verify mobile responsiveness

This closes #366
Screenshot 2026-03-09 104243
Screenshot 2026-03-09 141600
Screenshot 2026-03-09 141637

- Removed Bootstrap grid classes (row, col-md-*) from OverviewClient.jsx
- Rebuilt layout using Tailwind CSS utilities
- Restructured page into 5 sections
- Fixed microscope image overflow
- Added fossologyFlow1.svg, microscope1.svg, websearch.svg

Closes fossology#366

Signed-off-by: Buddhabhushan Waghmare <buddhabhushan.waghmare.2322@gmail.com>
@BUDDHABHUSHAN23
Copy link
Author

Hi @deo002 @shaheemazmalmmd @Kaushl2208 👋

This PR fixes the Bootstrap/Tailwind conflict in the
help/overview page (issue #366). All 5 sections render
correctly and it's fully responsive.

Could you spare a moment to review? Happy to make any
changes you suggest. Running on FOSSology v4.6.0 with
pnpm + Next.js dev server.

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.

fix(overview): Bootstrap grid classes break layout on help/overview page

1 participant