Custom timeline coloring

This commit is contained in:
2021-02-01 15:27:12 +01:00
parent 55b1646d8c
commit 516e2e4f8b
6 changed files with 54 additions and 36 deletions
+44 -24
View File
@@ -46,17 +46,19 @@ td.monthview-current{
justify-content: center;
align-items: center;
text-align: center;
color: white;
/* color: white; */
}
}
.monthview-secondary-with-event, .monthview-secondary-with-event[_ngcontent-dwf-c153] {
background-color: white !important;
color: black !important;
}
// selected date
td.monthview-selected {
background-color: #42b9fe30 !important;
color: black !important;
color: white !important;
}
.event-detail-container{
@@ -125,15 +127,27 @@ td.monthview-selected {
}
.timeline-box-Pessoal{
.timeline-pr-box-Pessoal{
border-left: 5px solid #99e47b !important;
height: 100%;
}
.timeline-pr-box-Oficial{
border-left: 5px solid #958bfc !important;
height: 100%;
}
.timeline-mdgpr-box-Oficial{
border-left: 5px solid #ffb703 !important;
height: 100%;
}
.timeline-box-Oficial{
.timeline-mdgpr-box-Pessoal{
border-left: 5px solid #f05d5e !important;
height: 100%;
}
.table-bordered, .table-bordered{
border: none !important;
td, th {
@@ -147,40 +161,46 @@ td.monthview-selected {
.timeline-box-{}
.calendar-event-type-Oficial{
border-right: 3px solid #f05d5e !important;
.calendar-event-border{
border-radius: 21px !important;
color: black !important;
margin: 0px auto !important;
width: 35px !important;
}
.calendar-event-type-Pessoal{
.calendar-mdgpr-event-type-Oficial{
border-right: 3px solid #f05d5e !important;
}
.calendar-mdgpr-event-type-Pessoal{
border-left: 3px solid #ffb703 !important;
border-radius: 21px !important;
color: black !important;
margin: 0px auto !important;
width: 35px !important;
}
.calendar-mdgpr-event-type-both{
border-left: 3px solid #ffb703 !important;
border-right: 3px solid #f05d5e !important;
}
.calendar-pr-event-type-both{
border-left: 3px solid #99e47b !important;
border-right: 3px solid #958bfc !important;
}
.calendar-event-type-both{
border-radius: 21px !important;
border-left: 3px solid #ffb703 !important;
border-bottom: none !important;
border-right: 3px solid #f05d5e !important;
color: black !important;
margin: 0px auto !important;
width: 35px !important;
.calendar-pr-event-type-Oficial{
border-left: 3px solid #99e47b !important;
}
.calendar-pr-event-type-Pessoal{
border-left: 3px solid #958bfc !important;
}
.cal-hour-segment {
border-bottom: none !important;
}
// current day
td.monthview-current{
border-bottom: 1px solid #3a87ad !important;
color: black !important;
}
.calendar-profile{
font-size: 36px
}
/* angular-cli file: src/styles.css */