From f318753ca79b8e3dce8670412226d98a264b335a Mon Sep 17 00:00:00 2001 From: mgandley Date: Thu, 22 Mar 2018 12:35:08 -0500 Subject: [PATCH] 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. --- dist/components/progress.css | 40 ------------------------------------ 1 file changed, 40 deletions(-) diff --git a/dist/components/progress.css b/dist/components/progress.css index 3ab867da6..e58de81d4 100755 --- a/dist/components/progress.css +++ b/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; -} /*******************************