Blame view

src/styles/components/time-picker.less 3.4 KB
2d948738   梁灏   update TimePicker...
1
  @time-picker-prefix-cls: ~"@{css-prefix}time-picker";
456877a1   梁灏   update TimePicker
2
3
4
  @time-picker-cells-width: 112px;
  @time-picker-cells-width-with-seconds: @time-picker-cells-width + 56px;
  
2d948738   梁灏   update TimePicker...
5
6
  .@{time-picker-prefix-cls} {
      &-cells{
456877a1   梁灏   update TimePicker
7
          min-width: @time-picker-cells-width;
2d948738   梁灏   update TimePicker...
8
          &-with-seconds{
456877a1   梁灏   update TimePicker
9
              min-width: @time-picker-cells-width-with-seconds;
2d948738   梁灏   update TimePicker...
10
11
12
13
14
15
16
17
18
19
20
          }
  
          &-list{
              width: 56px;
              float: left;
              position: relative;
              max-height: 144px;
              overflow-y: auto;
              border-left: 1px solid @border-color-split;
              &:first-child{
                  border-left: none;
d596b9e4   梁灏   update TimePicker
21
                  border-radius: @btn-border-radius 0 0 @btn-border-radius;
2d948738   梁灏   update TimePicker...
22
23
              }
              &:last-child{
d596b9e4   梁灏   update TimePicker
24
                  border-radius: 0 @btn-border-radius @btn-border-radius 0;
2d948738   梁灏   update TimePicker...
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
              }
              ul{
                  width: 100%;
                  margin: 0;
                  padding: 0 0 120px 0;
                  list-style: none;
                  li{
                      width: 100%;
                      height: 24px;
                      line-height: 24px;
                      margin: 0;
                      padding: 0 0 0 16px;
                      box-sizing: border-box;
                      text-align: left;
                      user-select: none;
                      cursor: pointer;
                      list-style: none;
                      transition: background @transition-time @ease-in-out;
  
                  }
              }
          }
          &-cell{
              &:hover{
                  background: @background-color-select-hover;
              }
              &-disabled {
                  color: @btn-disable-color;
                  cursor: @cursor-disabled;
  
                  &:hover {
                      color: @btn-disable-color;
                      background-color: #fff;
                      cursor: @cursor-disabled;
                  }
              }
              &-selected ,&-selected:hover{
                  color: @primary-color;
                  background: @background-color-select-hover;
              }
          }
      }
456877a1   梁灏   update TimePicker
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
  
      &-header{
          height: 32px;
          line-height: 32px;
          text-align: center;
          border-bottom: 1px solid @border-color-split;
      }
  
      &-with-range{
          .@{picker-prefix-cls}-panel{
              &-body{
                  min-width: @time-picker-cells-width * 2 + 4px;
              }
              &-content{
                  float: left;
                  position: relative;
  
                  &:after{
                      content: '';
                      display: block;
                      width: 2px;
                      position: absolute;
                      top: 31px;
                      bottom: 0;
                      right: -2px;
                      background: @border-color-split
                  }
  
                  &-right{
                      float: right;
                      &:after{
                          right: auto;
                          left: -2px;
                      }
                  }
              }
          }
          .@{time-picker-prefix-cls}-cells{
              &-list{
                  &:first-child{
                      border-radius: 0;
                  }
                  &:last-child{
                      border-radius: 0;
                  }
              }
          }
      }
      &-with-range&-with-seconds{
          .@{picker-prefix-cls}-panel{
              &-body{
                  min-width: @time-picker-cells-width-with-seconds * 2 + 4px;
              }
          }
      }
2d948738   梁灏   update TimePicker...
122
  }