Browse Source

Fix Progress Label CSS for Inverted Indicating

https://github.com/Semantic-Org/Semantic-UI-React/issues/2672

The .ui.indicating.progress .label CSS overrides the .ui.inverted.progress CSS, leading to dark text when light is expected.  The indicating class should have no effect on the label.

This request removes the .ui.indicating.progress .label CSS, which fixes the issue.
pull/6297/head
mgandley 6 years ago
committed by GitHub
parent
commit
f318753ca7
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 0 additions and 40 deletions
  1. 40
      dist/components/progress.css

40
dist/components/progress.css

@ -116,30 +116,6 @@
background-color: #66DA81;
}
/* Indicating Label */
.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="2"] .label {
color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="3"] .label {
color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label {
color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="6"] .label {
color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label {
color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="9"] .label,
.ui.indicating.progress[data-percent^="100"] .label {
color: rgba(0, 0, 0, 0.87);
}
/* Single Digits */
.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
@ -152,22 +128,6 @@
.ui.indicating.progress[data-percent="9"] .bar {
background-color: #D95C5C;
}
.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
color: rgba(0, 0, 0, 0.87);
}
/* Indicating Success */
.ui.indicating.progress.success .label {
color: #1A531B;
}
/*******************************

Loading…
Cancel
Save