Skip to content

Commit 36aeb1f

Browse files
committed
Moved edit-popover pointer to the before pseudo of the parent element.
1 parent b5ff7bf commit 36aeb1f

File tree

1 file changed

+21
-20
lines changed

1 file changed

+21
-20
lines changed

src/time-input.css

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,26 @@
2222
-webkit-user-select: none;
2323
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
2424
}
25+
.datetime-input.time.active::before {
26+
content: "";
27+
display: block;
28+
position: absolute;
29+
background-color: #efefef;
30+
width: 2em;
31+
height: 2em;
32+
bottom: -1.6em;
33+
left: calc(50% - 1em);
34+
z-index: 10;
35+
border-color: #aaa;
36+
border-style: solid;
37+
border-width: 1px 1px 0 0;
38+
transform: rotate(-45deg);
39+
-moz-transform: rotate(-45deg);
40+
-ms-transform: rotate(-45deg);
41+
-o-transform: rotate(-45deg);
42+
-webkit-transform: rotate(-45deg);
43+
transition: background-color 0.25s ease-out;
44+
}
2545

2646

2747
/**
@@ -83,31 +103,12 @@
83103
.datetime-input.time .edit-popover .header {
84104
width: 100%;
85105
color: #777;
106+
padding-top: 0.5em;
86107
font-size: 1.5em;
87108
line-height: 2em;
88109
cursor: default;
89110
transition: background-color 0.25s ease-out;
90111
}
91-
.datetime-input.time .edit-popover .header::before {
92-
content: "";
93-
display: block;
94-
position: absolute;
95-
background-color: #efefef;
96-
width: 1em;
97-
height: 1em;
98-
top: -0.55em;
99-
left: 10%;
100-
z-index: 2;
101-
border-color: #aaa;
102-
border-style: solid;
103-
border-width: 1px 1px 0 0;
104-
transform: rotate(-45deg);
105-
-moz-transform: rotate(-45deg);
106-
-ms-transform: rotate(-45deg);
107-
-o-transform: rotate(-45deg);
108-
-webkit-transform: rotate(-45deg);
109-
transition: background-color 0.25s ease-out;
110-
}
111112

112113

113114
/**

0 commit comments

Comments
 (0)