|
22 | 22 | -webkit-user-select: none;
|
23 | 23 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
24 | 24 | }
|
25 |
| -.datetime-input.datetime.active::before { |
26 |
| - content: ""; |
27 |
| - display: block; |
28 |
| - position: absolute; |
29 |
| - background-color: #efefef; |
30 |
| - width: 2em; |
31 |
| - height: 2em; |
32 |
| - bottom: -1.5em; |
33 |
| - box-sizing: border-box; |
34 |
| - left: calc(50% - 1em); |
35 |
| - z-index: 10; |
36 |
| - border-color: #aaa; |
37 |
| - border-style: solid; |
38 |
| - border-width: 1px 1px 0 0; |
39 |
| - transform: rotate(-45deg); |
40 |
| - -moz-transform: rotate(-45deg); |
41 |
| - -ms-transform: rotate(-45deg); |
42 |
| - -o-transform: rotate(-45deg); |
43 |
| - -webkit-transform: rotate(-45deg); |
44 |
| - transition: background-color 0.25s ease-out; |
45 |
| -} |
46 | 25 |
|
47 | 26 |
|
48 | 27 | /**
|
|
103 | 82 | .datetime-input.datetime .edit-popover .header {
|
104 | 83 | width: 100%;
|
105 | 84 | color: #777;
|
106 |
| - padding-top: 0.5em; |
107 | 85 | font-size: 1.5em;
|
108 | 86 | line-height: 2em;
|
109 | 87 | cursor: pointer;
|
110 | 88 | transition: background-color 0.25s ease-out;
|
111 | 89 | }
|
112 |
| -.datetime-input.datetime .edit-popover .header:hover { |
| 90 | +.datetime-input.datetime .edit-popover .header::before { |
| 91 | + content: ""; |
| 92 | + display: block; |
| 93 | + position: absolute; |
| 94 | + background-color: #efefef; |
| 95 | + width: 1em; |
| 96 | + height: 1em; |
| 97 | + top: -0.55em; |
| 98 | + left: 10%; |
| 99 | + z-index: 2; |
| 100 | + border-color: #aaa; |
| 101 | + border-style: solid; |
| 102 | + border-width: 1px 1px 0 0; |
| 103 | + transform: rotate(-45deg); |
| 104 | + -moz-transform: rotate(-45deg); |
| 105 | + -ms-transform: rotate(-45deg); |
| 106 | + -o-transform: rotate(-45deg); |
| 107 | + -webkit-transform: rotate(-45deg); |
| 108 | + transition: background-color 0.25s ease-out; |
| 109 | +} |
| 110 | +.datetime-input.datetime .edit-popover .header:hover, |
| 111 | +.datetime-input.datetime .edit-popover .header:hover::before { |
113 | 112 | background-color: #ddd;
|
114 | 113 | }
|
115 | 114 |
|
|
0 commit comments