Add @time-picker-selected-bg to control the selected state of time-picker

8 years ago · 98ba816bfb
3 changed files with 3 additions and 2 deletions
--- a/components/date-picker/style/TimePicker.less
+++ b/components/date-picker/style/TimePicker.less
@ -100,7 +100,7 @@
    }

    li&-option-selected {
-      background: @background-color-base;
+      background: @time-picker-selected-bg;
      font-weight: bold;
    }

--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@ -294,6 +294,7 @@
 // ---
@time-picker-panel-column-width: 56px;
@time-picker-panel-width: @time-picker-panel-column-width * 3;
+@time-picker-selected-bg: @background-color-base;

 // Carousel
 // ---
--- a/components/time-picker/style/index.less
+++ b/components/time-picker/style/index.less
@ -130,7 +130,7 @@
    }

    li&-option-selected {
-      background: @background-color-base;
+      background: @time-picker-selected-bg;
      font-weight: bold;
    }