Skip to content

Commit 3795478

Browse files
committed
Revert "Moved edit-popover pointer to the before pseudo of the parent element in datetime widget as well."
This reverts commit ddc737c. Conflicts: src/datetime-input.css
1 parent 4b00b7b commit 3795478

File tree

1 file changed

+22
-23
lines changed

1 file changed

+22
-23
lines changed

src/datetime-input.css

Lines changed: 22 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -22,27 +22,6 @@
2222
-webkit-user-select: none;
2323
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
2424
}
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-
}
4625

4726

4827
/**
@@ -103,13 +82,33 @@
10382
.datetime-input.datetime .edit-popover .header {
10483
width: 100%;
10584
color: #777;
106-
padding-top: 0.5em;
10785
font-size: 1.5em;
10886
line-height: 2em;
10987
cursor: pointer;
11088
transition: background-color 0.25s ease-out;
11189
}
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 {
113112
background-color: #ddd;
114113
}
115114

0 commit comments

Comments
 (0)