alertmanager/ui/app/lib/elm-datepicker/css/elm-datepicker.css
masataka 73db78741f
Add date picker to silence form views (#2262)
* add datepicker

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* fix import error

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* fix unnecessary import from DateTime package

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* fix unnecessary import utc

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* change datetime picker component

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* added datetime picker utils

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* added datetime picker utils

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* remove config

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>

* replace case expressions to Result.toMaybe

Signed-off-by: m-masataka <m.mizukoshi.wakuwaku@gmail.com>
2020-07-24 14:52:29 +02:00

141 lines
2.0 KiB
CSS

.cursor-pointer {cursor: pointer;}
.month {
height: 270px;
}
.calendar_ .date-container {
}
.calendar_ .weekheader {
margin-top: 5px;
}
.calendar_ .date {
color: #C0C0C0;
cursor: pointer;
height: 30px;
width: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: .75rem;
background-color: #fff;
}
.calendar_ .date.thismonth {
color: #22292f;
}
.calendar_ .date.front {
background-color: rgba(0,0,0,0);
}
.calendar_ .date.back {
margin-bottom: 5px;
}
.calendar_ .date.front.mouseover {
background-color: #EEEEEE;
border-radius: 50%;
}
.calendar_ .date.front.start {
background-color: #b0c4de;
border-radius: 50%;
}
.calendar_ .date.front.end {
background-color: #b0c4de;
border-radius: 50%;
}
.calendar_ .date.back.start {
background-color: #b0c4de;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.calendar_ .date.back.end {
background-color: #b0c4de;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.calendar_ .date.back.between {
background-color: #b0c4de;
}
.timepicker {
height:60px;
width:80%;
margin-top: 10px;
}
.timepicker .subject {
padding:10px;
width:20%;
vertical-align:middle;
}
.timepicker .hour {
width:10%;
}
.timepicker .minute {
width:10%;
}
.timepicker .view {
width:100%;
height:50%;
text-align:center;
border: 0px none;
}
.timepicker .up-button {
width:100%;
height:25%;
border: 0px none;
}
.timepicker .down-button {
width:100%;
height:25%;
border: 0px none;
}
.timepicker .colon {
width: 5%;
}
.timepicker .timeview {
width:50%;
}
.month-header {
width:70%;
margin: 0 auto;
}
.month-header .prev-month {
width:20%;
}
.month-header .month-text {
width:60%;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.month-header .next-month {
width:20%;
}
.d-flex-center {
display:flex;
align-items: center;
justify-content: space-around;
}