Skip to content

Commit c78c54f

Browse files
committed
Added styling for the warning class on the start and end datetime objects.
1 parent 0e67b30 commit c78c54f

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

src/datetime-range.css

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,30 @@
9494
.datetime-range .end-datetime:hover::before {
9595
border-color: #ddd #ddd #ddd transparent;
9696
}
97+
.datetime-range .start-datetime.warning,
98+
.datetime-range .end-datetime.warning {
99+
background-color: #ff362e;
100+
}
101+
.datetime-range .start-datetime.warning.active,
102+
.datetime-range .start-datetime.warning:hover,
103+
.datetime-range .end-datetime.warning.active,
104+
.datetime-range .end-datetime.warning:hover {
105+
background-color: #ff362e;
106+
}
107+
.datetime-range .start-datetime.warning::after {
108+
border-left-color: #ff362e;
109+
}
110+
.datetime-range .start-datetime.warning.active::after,
111+
.datetime-range .start-datetime.warning:hover::after {
112+
border-left-color: #ff362e;
113+
}
114+
.datetime-range .end-datetime.warning::before {
115+
border-color: #ff362e #ff362e #ff362e transparent;
116+
}
117+
.datetime-range .end-datetime.warning.active::before,
118+
.datetime-range .end-datetime.warning:hover::before {
119+
border-color: #ff362e #ff362e #ff362e transparent;
120+
}
97121

98122

99123
/**

0 commit comments

Comments
 (0)