Blame view

src/styles/components/time-picker.less 1.83 KB
2d948738   梁灏   update TimePicker...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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
  @time-picker-prefix-cls: ~"@{css-prefix}time-picker";
  .@{time-picker-prefix-cls} {
      &-cells{
          min-width: 112px;
          &-with-seconds{
              min-width: 168px;
          }
  
          &-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;
                  border-radius: @btn-border-radius 0 0 0;
              }
              &:last-child{
                  border-radius: 0 @btn-border-radius 0 0;
              }
              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;
              }
          }
      }
  }