Skip to content

Commit a03a51a

Browse files
authored
fix(ui5-datepicker): icon color in pressed state (#63)
The correct selector, defining the icon`s color, was not used to be applied.
1 parent 5212a87 commit a03a51a

File tree

1 file changed

+7
-16
lines changed

1 file changed

+7
-16
lines changed

packages/main/src/themes/base/DatePicker.less

+7-16
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,6 @@
1414
:host(ui5-datepicker) {
1515
display: inline-block;
1616
width: 100%;
17-
18-
& ui5-input ui5-icon {
19-
color: @sapUiContentIconColor;
20-
outline: none;
21-
22-
&:active {
23-
background-color: @sapUiButtonLiteActiveBackground;
24-
color: @sapUiButtonActiveTextColor;
25-
}
26-
}
2717
}
2818

2919
// required for browsers without native shadow dom
@@ -33,9 +23,15 @@ ui5-datepicker {
3323
}
3424

3525
.sapWCDPIcon {
26+
color: @sapUiContentIconColor;
3627
width: @sap_wc_dp_icon_width;
3728
cursor: pointer;
38-
color: @sapUiContentIconColor;
29+
outline: none;
30+
31+
&:active {
32+
background-color: @sapUiButtonLiteActiveBackground;
33+
color: @sapUiButtonActiveTextColor;
34+
}
3935

4036
&.sapWCDPIconPressed,
4137
&.sapWCDPIconPressed:active {
@@ -46,9 +42,4 @@ ui5-datepicker {
4642
&:not(.sapWCDPIconPressed):not(:active):hover {
4743
background: @sapUiButtonLiteHoverBackground;
4844
}
49-
50-
&:active {
51-
background-color: @sapUiButtonLiteActiveBackground;
52-
color: @sapUiButtonActiveTextColor;
53-
}
5445
}

0 commit comments

Comments
 (0)