Skip to content

Commit 85f8e03

Browse files
authored
fix(progress): wrong indicating background color on float percentage < 10
[Progress bar] indicating background-color is incorrect when data-percent have decimal number. This problem only occur when the data-number have decimal and under 10.
1 parent 066ad8d commit 85f8e03

File tree

1 file changed

+29
-29
lines changed

1 file changed

+29
-29
lines changed

src/definitions/modules/progress.less

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -185,40 +185,40 @@
185185
}
186186

187187
/* Single Digits */
188-
.ui.indicating.progress[data-percent="1"] .bar,
189-
.ui.indicating.progress[data-percent="2"] .bar,
190-
.ui.indicating.progress[data-percent="3"] .bar,
191-
.ui.indicating.progress[data-percent="4"] .bar,
192-
.ui.indicating.progress[data-percent="5"] .bar,
193-
.ui.indicating.progress[data-percent="6"] .bar,
194-
.ui.indicating.progress[data-percent="7"] .bar,
195-
.ui.indicating.progress[data-percent="8"] .bar,
196-
.ui.indicating.progress[data-percent="9"] .bar {
188+
.ui.indicating.progress[data-percent="1"] .bar, .ui.indicating.progress[data-percent^="1."] .bar,
189+
.ui.indicating.progress[data-percent="2"] .bar, .ui.indicating.progress[data-percent^="2."] .bar,
190+
.ui.indicating.progress[data-percent="3"] .bar, .ui.indicating.progress[data-percent^="3."] .bar,
191+
.ui.indicating.progress[data-percent="4"] .bar, .ui.indicating.progress[data-percent^="4."] .bar,
192+
.ui.indicating.progress[data-percent="5"] .bar, .ui.indicating.progress[data-percent^="5."] .bar,
193+
.ui.indicating.progress[data-percent="6"] .bar, .ui.indicating.progress[data-percent^="6."] .bar,
194+
.ui.indicating.progress[data-percent="7"] .bar, .ui.indicating.progress[data-percent^="7."] .bar,
195+
.ui.indicating.progress[data-percent="8"] .bar, .ui.indicating.progress[data-percent^="8."] .bar,
196+
.ui.indicating.progress[data-percent="9"] .bar, .ui.indicating.progress[data-percent^="9."] .bar {
197197
background-color: @indicatingFirstColor;
198198
}
199-
.ui.indicating.progress[data-percent="0"] .label,
200-
.ui.indicating.progress[data-percent="1"] .label,
201-
.ui.indicating.progress[data-percent="2"] .label,
202-
.ui.indicating.progress[data-percent="3"] .label,
203-
.ui.indicating.progress[data-percent="4"] .label,
204-
.ui.indicating.progress[data-percent="5"] .label,
205-
.ui.indicating.progress[data-percent="6"] .label,
206-
.ui.indicating.progress[data-percent="7"] .label,
207-
.ui.indicating.progress[data-percent="8"] .label,
208-
.ui.indicating.progress[data-percent="9"] .label {
199+
.ui.indicating.progress[data-percent="0"] .label, .ui.indicating.progress[data-percent^="0."] .label,
200+
.ui.indicating.progress[data-percent="1"] .label, .ui.indicating.progress[data-percent^="1."] .label,
201+
.ui.indicating.progress[data-percent="2"] .label, .ui.indicating.progress[data-percent^="2."] .label,
202+
.ui.indicating.progress[data-percent="3"] .label, .ui.indicating.progress[data-percent^="3."] .label,
203+
.ui.indicating.progress[data-percent="4"] .label, .ui.indicating.progress[data-percent^="4."] .label,
204+
.ui.indicating.progress[data-percent="5"] .label, .ui.indicating.progress[data-percent^="5."] .label,
205+
.ui.indicating.progress[data-percent="6"] .label, .ui.indicating.progress[data-percent^="6."] .label,
206+
.ui.indicating.progress[data-percent="7"] .label, .ui.indicating.progress[data-percent^="7."] .label,
207+
.ui.indicating.progress[data-percent="8"] .label, .ui.indicating.progress[data-percent^="8."] .label,
208+
.ui.indicating.progress[data-percent="9"] .label, .ui.indicating.progress[data-percent^="9."] .label {
209209
color: @indicatingFirstLabelColor;
210210
}
211211
& when (@variationProgressInverted) {
212-
.ui.inverted.indicating.progress[data-percent="0"] .label,
213-
.ui.inverted.indicating.progress[data-percent="1"] .label,
214-
.ui.inverted.indicating.progress[data-percent="2"] .label,
215-
.ui.inverted.indicating.progress[data-percent="3"] .label,
216-
.ui.inverted.indicating.progress[data-percent="4"] .label,
217-
.ui.inverted.indicating.progress[data-percent="5"] .label,
218-
.ui.inverted.indicating.progress[data-percent="6"] .label,
219-
.ui.inverted.indicating.progress[data-percent="7"] .label,
220-
.ui.inverted.indicating.progress[data-percent="8"] .label,
221-
.ui.inverted.indicating.progress[data-percent="9"] .label {
212+
.ui.inverted.indicating.progress[data-percent="0"] .label, .ui.inverted.indicating.progress[data-percent^="0."] .label,
213+
.ui.inverted.indicating.progress[data-percent="1"] .label, .ui.inverted.indicating.progress[data-percent^="1."] .label,
214+
.ui.inverted.indicating.progress[data-percent="2"] .label, .ui.inverted.indicating.progress[data-percent^="2."] .label,
215+
.ui.inverted.indicating.progress[data-percent="3"] .label, .ui.inverted.indicating.progress[data-percent^="3."] .label,
216+
.ui.inverted.indicating.progress[data-percent="4"] .label, .ui.inverted.indicating.progress[data-percent^="4."] .label,
217+
.ui.inverted.indicating.progress[data-percent="5"] .label, .ui.inverted.indicating.progress[data-percent^="5."] .label,
218+
.ui.inverted.indicating.progress[data-percent="6"] .label, .ui.inverted.indicating.progress[data-percent^="6."] .label,
219+
.ui.inverted.indicating.progress[data-percent="7"] .label, .ui.inverted.indicating.progress[data-percent^="7."] .label,
220+
.ui.inverted.indicating.progress[data-percent="8"] .label, .ui.inverted.indicating.progress[data-percent^="8."] .label,
221+
.ui.inverted.indicating.progress[data-percent="9"] .label, .ui.inverted.indicating.progress[data-percent^="9."] .label {
222222
color: @invertedIndicatingFirstLabelColor;
223223
}
224224
}

0 commit comments

Comments
 (0)