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

Improve progress bar styles #1002

Merged
merged 1 commit into from
Oct 29, 2023
Merged

Conversation

damsfx
Copy link
Contributor

@damsfx damsfx commented Oct 27, 2023

Update progress bar styling

Fix #1000

Before :
image

After :
image

Changes :

  • General :
    • Added striped background to active progress bar
      The background was animated, but without stripes it wasn't visible.
  • In list :
    • Set default height equal to cell line-height, maked use of css variable so than the user can still set a différent height.
    • Added background color
    • Added a slight box shadow for better visibility of progress bars at 0%.
      Preferred to border for greater smoothness.
    • Added a background color when hovering over a line in the list to match the hover color.

@LukeTowers LukeTowers changed the title Update progress bar styles Improve progress bar styles Oct 29, 2023
@LukeTowers LukeTowers merged commit e1d2853 into wintercms:develop Oct 29, 2023
10 checks passed
@LukeTowers LukeTowers added Status: Completed maintenance PRs that fix bugs, are translation changes or make only minor changes labels Oct 29, 2023
@damsfx damsfx deleted the update-progressbars branch October 31, 2023 00:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
maintenance PRs that fix bugs, are translation changes or make only minor changes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Progress bar in list column not visible
2 participants