129 lines
1.9 KiB
CSS
129 lines
1.9 KiB
CSS
{% load static %}
|
|
|
|
.tasklist, .projectlist {
|
|
padding-top: 75px;
|
|
}
|
|
|
|
.tasklist-first, .projectlist-first {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.taskheadline, .projectheadline {
|
|
margin: 0px;
|
|
display: block;
|
|
align-items: center;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
font-size: 16px;
|
|
border-radius: 10px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.taskname, .projectname, .projectusers, .projectuserlabel {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.projectname {
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.projectuserlabel {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.taskdetails, .projectdetails {
|
|
padding: 16px;
|
|
}
|
|
|
|
.taskcomment, .taskappraisal {
|
|
margin: 16px;
|
|
border-left: 6px solid #323232;
|
|
}
|
|
|
|
.taskappraisal {
|
|
border-left: 6px solid #005d7a;
|
|
color: #005d7a;
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
|
|
.taskcomment-date {
|
|
padding: 16px;
|
|
font-size: 18px;
|
|
padding-bottom: 8px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.taskcomment-description {
|
|
padding: 16px 50px;
|
|
padding-top: 8px;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.task-finished {
|
|
background-color: #efffef;
|
|
}
|
|
|
|
.task-normal {
|
|
background-color: #dfefff;
|
|
}
|
|
|
|
.task-soon {
|
|
background-color: #ffffe4;
|
|
}
|
|
|
|
.task-very-soon {
|
|
background-color: #ffe6cf;
|
|
}
|
|
|
|
.task-late {
|
|
background-color: #ffe4e4;
|
|
}
|
|
|
|
.project-normal {
|
|
background-color: #efefef;
|
|
}
|
|
|
|
.spacer {
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.taskicon, .projecticon {
|
|
padding-left: 1px;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
.projecticon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.taskicon:hover {
|
|
background: none;
|
|
}
|
|
|
|
/* When the screen is less than 700px wide, reduce content to be shown */
|
|
@media screen and (max-width: 700px) {
|
|
.prio_icons_hide {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
/* When the screen is less than 500px wide, reduce content to be shown */
|
|
@media screen and (max-width: 500px) {
|
|
.target_date_hide {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
/* When the screen is less than 375px wide, reduce content to be shown */
|
|
@media screen and (max-width: 375px) {
|
|
.state_icons_hide {
|
|
display: none
|
|
}
|
|
}
|