Skip to content

Abhishek_fix: resolve overflow, contrast, and sizing issues in Project Status cards#5388

Open
Abhi-R0211 wants to merge 1 commit into
developmentfrom
Abhishek_FixProjectStatusCardOverflow
Open

Abhishek_fix: resolve overflow, contrast, and sizing issues in Project Status cards#5388
Abhi-R0211 wants to merge 1 commit into
developmentfrom
Abhishek_FixProjectStatusCardOverflow

Conversation

@Abhi-R0211

Copy link
Copy Markdown
Contributor

What's Working Well

  • Fixes the vertical scrollbar/clip artifact on the "Total Labor Hours Invested" and "Total Labor Cost" cards, caused by an ambiguous overflow: hidden visible shorthand combined with a fixed card height that couldn't accommodate a two-line title.
  • Fixes the "Avg Project Duration" card's "+13% week over week" text, which was previously set to the same color as its own accent button (#FFD8A5 on #FFD8A5), making it nearly invisible in light mode.
  • Fixes inconsistent card heights across the Project Status grid caused by align-items: center in the grid container, so all cards in a row now stretch to match height.

Changes

  • WeeklyProjectSummary.module.css: changed .weeklyProjectSummaryCard overflow to visible; changed .statusCard from fixed height: 190px to min-height: 190px; height: auto; changed .projectStatusGrid align-items from center to stretch.
  • WeeklyProjectSummary.jsx: corrected textColor for the "Avg Project Duration" card entry from #FFD8A5 to #328D1B.

Testing

  • Run the front-end repo on Abhishek_FixProjectStatusCardOverflow branch and backend on development
  • Login as admin and navigate to Dashboard → Reports → Total Construction Summary

Verified locally in both light and dark mode:

  • No scrollbar/clip artifact on any Project Status card
  • Two-line title wraps cleanly without cutting off content
  • All cards in each row now render at equal height
  • "+13% week over week" text is legible (green) in light mode
Screenshot 2026-07-14 160704 Screenshot 2026-07-14 160721

@Abhi-R0211 Abhi-R0211 self-assigned this Jul 14, 2026
@netlify

netlify Bot commented Jul 14, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit a019919
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a56c5055082c10008637b2b
😎 Deploy Preview https://deploy-preview-5388--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud

Copy link
Copy Markdown

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.

1 participant