1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-05 13:55:21 +02:00

refactor(edge): use native progress tag for deployment counter [EE-6075] (#10936)

This commit is contained in:
Chaim Lev-Ari 2024-04-04 18:12:27 +03:00 committed by GitHub
parent 66770bebd4
commit 521eb5f114
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 93 additions and 27 deletions

View file

@ -729,3 +729,21 @@ input[style*='background-image: url("data:image/png'] {
input:-webkit-autofill {
@apply caret-[--grey-25] th-highcontrast:caret-white th-dark:caret-white;
}
/*
rules for styling the progress bar on both chrome and firefox
first rule is for firefox and the second rule is for chrome
use the `.progress-filled` tailwind variant util to style the filled value of the progress bar,
and the usual styles to style the unfilled value.
see app/react/edge/edge-stacks/ListView/EdgeStacksDatatable/DeploymentCounter.tsx for an example
*/
progress {
appearance: none;
}
progress::-webkit-progress-bar {
background-color: transparent;
}