search

guibranco / progressbar

Generates a dynamic progress bar image (SVG)
https://guibranco.github.io/progressbar/
MIT License
34 stars 2 forks source link

GitAuto: [FEATURE] Add various styles to the progress bars #16

Closed gitauto-ai[bot] closed 2 months ago

gitauto-ai[bot] commented 2 months ago

Original issue: #9

What is the feature

The feature involves adding various styles to the progress bars, including Flat, For The Badges, and Square styles, in addition to the existing Default style.

Why we need the feature

Introducing these styles will provide users with more customization options, allowing them to choose a style that best fits their design preferences or project requirements. This can enhance the visual appeal and uniqueness of the progress bars, making them more versatile for different use cases.

How to implement and why

  1. Define New Styles:

    • Create CSS classes for each new style (Flat, For The Badges, Square) in a new or existing stylesheet. These classes should define the visual properties that differentiate each style, such as border-radius, color schemes, and shadow effects.

  2. Update HTML Templates:

    • Modify the HTML templates in the templates directory to include options for selecting the new styles. This could be done by adding a dropdown or radio buttons that allow users to choose their preferred style.

  3. Modify Backend Logic:

    • Update the app.py file to handle the new style options. This may involve adding logic to pass the selected style from the frontend to the backend and ensuring the correct CSS class is applied to the progress bar.

  4. Testing:

    • Test each style to ensure it displays correctly across different browsers and devices. This will help identify any compatibility issues or visual inconsistencies.

  5. Documentation:

    • Update the README.md file to include instructions on how to use the new styles. Provide examples and screenshots to help users understand the differences between each style.

About backward compatibility

Backward compatibility should be maintained by ensuring that the Default style remains unchanged and is still available as an option. Existing users who do not wish to change styles should not experience any disruption in their current setup.

Test these changes locally

git checkout -b gitauto/issue-#9-502369b3-36e9-4349-8b35-1ebaa6621052
git pull origin gitauto/issue-#9-502369b3-36e9-4349-8b35-1ebaa6621052
vercel[bot] commented 2 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
progressbar ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 22, 2024 0:09am