Skip to content

style: increase progressbar hight to make progress percentage visible#1203

Open
Manthan29-code wants to merge 1 commit into
komalharshita:mainfrom
Manthan29-code:fix/#1200
Open

style: increase progressbar hight to make progress percentage visible#1203
Manthan29-code wants to merge 1 commit into
komalharshita:mainfrom
Manthan29-code:fix/#1200

Conversation

@Manthan29-code

@Manthan29-code Manthan29-code commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

Summary [required]

Resolved a visual bug where the progress percentage text was clipped and overlapping the Total Points progress bar due to restrictive container heights. This PR updates the container dimensions and applies targeted style overrides to safely bypass existing specificity constraints, ensuring the percentage typography centers accurately and remains fully visible across layout states

Related Issue [required]

Closes #1200

Type of Change [required]

  • Bug fix — resolves a broken behaviour
  • Feature — adds new functionality
  • Data — adds new projects to data/projects.json
  • Documentation — updates docs, README, or code comments only
  • Style — CSS or visual changes only, no logic change
  • Refactor — restructures code without changing behaviour
  • Test — adds or updates tests

What Was Changed [required]

File Change made
`src\static\style.css to change css of the progressbar
src\templates\index.html add inline css

How to Test This PR [required]

  1. Clone this branch: git checkout your-branch-name
  2. Install dependencies: pip install -r requirements.txt
  3. Run the app: python app.py
  4. Open http://127.0.0.1:5000 and...
  5. Check the UI of progress bar

Test Results [required]

============================= test session starts ==============================
platform manthan -- Python 3.9.6, pytest-8.2.2, pluggy-1.6.0
rootdir: C:\gssoc\DevPath/DevPath
collected 88 items

tests/test_basic.py .................................................... [ 59%]
....................................                                     [100%]

======================== 88 passed, 1 warning in 1.12s =========================

Screenshots (if UI change)

Before After
image image

Self-Review Checklist [required]

  • I have read CONTRIBUTING.md and followed all guidelines
  • My branch name follows the convention: feat/, fix/, docs/, data/, style/, test/
  • I have run python tests/test_basic.py and all 27 tests pass
  • I have run flake8 . locally and there are no errors
  • I have not introduced any print() or console.log() debug statements
  • Every new function I wrote has a docstring
  • I have not modified files outside the scope of the linked issue
  • If I changed the UI, I tested it at 375px (mobile) and 1280px (desktop)
  • If I added a project to the dataset, it has all required JSON fields

Notes for Reviewer

Applied the CSS updates to both the external stylesheet and as inline styles to ensure they override any competing specificity rules. ( only for progress bar height )

@vercel

vercel Bot commented Jun 26, 2026

Copy link
Copy Markdown

@Manthan29-code is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc-2026 type:bug Something isn't working labels Jun 26, 2026

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for submitting your first pull request to DevPath.

Before review:

  • Complete the PR template fully
  • Ensure all tests pass
  • Link your PR to an issue
  • Keep changes scoped to the issue

A maintainer will review your contribution soon.

@Manthan29-code

Copy link
Copy Markdown
Contributor Author

@komalharshita
Can you please review this PR .

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc-2026 type:bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Progress bar text "0%" is clipped and unreadable due to insufficient height

1 participant