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

Refactor: Improve Campaign Overview page styling and structure #7666

Open
wants to merge 16 commits into
base: epic/campaigns
Choose a base branch
from

Conversation

JoshuaHungDinh
Copy link
Contributor

@JoshuaHungDinh JoshuaHungDinh commented Jan 6, 2025

Resolves GIVE-2033

Affects

This PR focuses on enhancing the visual styling and structure of the Campaign Overview page.

Styling Enhancements:

  • Improved layout and spacing for better user experience and structure.
  • Refined visual elements on the page to better align with the overall design.

Refactoring of Inline Styles:

  • Replaced inline styles in the CampaignStats, GoalProgressChart, and the DefaultFormWidget components with external stylesheets for better maintainability and consistency. I moved each component into it's own folder to help manage it.

Visuals

Campaign.Overview.mov

Testing Instructions

  • View the campaign overview page and verify there are no UI bugs.

Pre-review Checklist

  • Reviewed by the designer (if follows a design)
  • Self Review of code and UX completed

@JoshuaHungDinh JoshuaHungDinh changed the base branch from develop to epic/campaigns January 6, 2025 04:10
@JoshuaHungDinh JoshuaHungDinh changed the title Refactor: adjust campaign overview styles Refactor: improve campaign overview page styling and structure Jan 6, 2025
@JoshuaHungDinh JoshuaHungDinh changed the title Refactor: improve campaign overview page styling and structure Refactor: Improve Campaign Overview page styling and structure Jan 6, 2025
@glaubersilva glaubersilva self-requested a review January 6, 2025 16:05
@JoshuaHungDinh JoshuaHungDinh marked this pull request as ready for review January 6, 2025 16:08
Copy link
Contributor

@jdghinson jdghinson left a comment

Choose a reason for hiding this comment

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

It's all good!

Copy link
Contributor

@glaubersilva glaubersilva left a comment

Choose a reason for hiding this comment

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

@JoshuaHungDinh Looks good to me. Nice work!

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.

3 participants