first commit
This commit is contained in:
@@ -0,0 +1,202 @@
|
||||
.btn .badge {
|
||||
position: relative;
|
||||
top: 0!important;
|
||||
}
|
||||
.offcanvas {
|
||||
position: fixed !important;
|
||||
}
|
||||
.deadline-green {
|
||||
background: rgba(25, 135, 84, 0.12) !important;
|
||||
border: 1px solid rgba(25, 135, 84, 0.35) !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.deadline-yellow {
|
||||
background: rgba(255, 193, 7, 0.15) !important;
|
||||
border: 1px solid rgba(255, 193, 7, 0.4) !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.deadline-red {
|
||||
background: rgba(220, 53, 69, 0.14) !important;
|
||||
border: 1px solid rgba(220, 53, 69, 0.45) !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.deadline-green:hover,
|
||||
.deadline-yellow:hover,
|
||||
.deadline-red:hover {
|
||||
filter: brightness(0.97);
|
||||
}
|
||||
.deadline-red {
|
||||
animation: pulseDeadline 2s infinite;
|
||||
}
|
||||
|
||||
@keyframes pulseDeadline {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgba(220,53,69,0.35);
|
||||
}
|
||||
|
||||
70% {
|
||||
box-shadow: 0 0 0 8px rgba(220,53,69,0);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 rgba(220,53,69,0);
|
||||
}
|
||||
}
|
||||
.kanban-card {
|
||||
background: #fff;
|
||||
border: 1px solid #e9ecef;
|
||||
border-radius: 12px;
|
||||
padding: 12px;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,.04);
|
||||
margin-bottom: 12px;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.kanban-card.deadline-green {
|
||||
background-color: rgba(25, 135, 84, 0.18) !important;
|
||||
border-color: rgba(25, 135, 84, 0.55) !important;
|
||||
}
|
||||
|
||||
.kanban-card.deadline-yellow {
|
||||
background-color: rgba(255, 193, 7, 0.28) !important;
|
||||
border-color: rgba(255, 193, 7, 0.75) !important;
|
||||
}
|
||||
|
||||
.kanban-card.deadline-red {
|
||||
background-color: rgba(220, 53, 69, 0.25) !important;
|
||||
border-color: rgba(220, 53, 69, 0.75) !important;
|
||||
}
|
||||
|
||||
.deadline-badge-green {
|
||||
background: #198754;
|
||||
}
|
||||
|
||||
.deadline-badge-yellow {
|
||||
background: #ffc107;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.deadline-badge-red {
|
||||
background: #dc3545;
|
||||
}
|
||||
|
||||
/* deadline: table */
|
||||
tr.deadline-green > td {
|
||||
background: #d1e7dd !important;
|
||||
}
|
||||
|
||||
tr.deadline-yellow > td {
|
||||
background: #fff3cd !important;
|
||||
}
|
||||
|
||||
tr.deadline-red > td {
|
||||
background: #f8d7da !important;
|
||||
}
|
||||
|
||||
/* deadline: cards */
|
||||
.card.deadline-green {
|
||||
background: #d1e7dd !important;
|
||||
border: 2px solid #198754 !important;
|
||||
}
|
||||
|
||||
.card.deadline-yellow {
|
||||
background: #fff3cd !important;
|
||||
border: 2px solid #ffc107 !important;
|
||||
}
|
||||
|
||||
.card.deadline-red {
|
||||
background: #f8d7da !important;
|
||||
border: 2px solid #dc3545 !important;
|
||||
}
|
||||
|
||||
/* deadline: kanban */
|
||||
.kanban-card.deadline-green {
|
||||
background: #d1e7dd !important;
|
||||
border: 2px solid #198754 !important;
|
||||
}
|
||||
|
||||
.kanban-card.deadline-yellow {
|
||||
background: #fff3cd !important;
|
||||
border: 2px solid #ffc107 !important;
|
||||
}
|
||||
|
||||
.kanban-card.deadline-red {
|
||||
background: #f8d7da !important;
|
||||
border: 2px solid #dc3545 !important;
|
||||
}
|
||||
|
||||
.deadline-badge-green {
|
||||
background: #198754;
|
||||
}
|
||||
|
||||
.deadline-badge-yellow {
|
||||
background: #ffc107;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.deadline-badge-red {
|
||||
background: #dc3545;
|
||||
}
|
||||
.list-group-item.deadline-green {
|
||||
background: #d1e7dd !important;
|
||||
border: 1px solid #198754 !important;
|
||||
}
|
||||
|
||||
.list-group-item.deadline-yellow {
|
||||
background: #fff3cd !important;
|
||||
border: 1px solid #ffc107 !important;
|
||||
}
|
||||
|
||||
.list-group-item.deadline-red {
|
||||
background: #f8d7da !important;
|
||||
border: 1px solid #dc3545 !important;
|
||||
}
|
||||
|
||||
.deadline-badge-green {
|
||||
background: #198754;
|
||||
}
|
||||
/* TASK DEADLINE STATES */
|
||||
|
||||
.list-group-item.deadline-green {
|
||||
background: #d1e7dd !important;
|
||||
border: 1px solid #198754 !important;
|
||||
}
|
||||
|
||||
.list-group-item.deadline-yellow {
|
||||
background: #fff3cd !important;
|
||||
border: 1px solid #ffc107 !important;
|
||||
}
|
||||
|
||||
.list-group-item.deadline-red {
|
||||
background: #f8d7da !important;
|
||||
border: 1px solid #dc3545 !important;
|
||||
}
|
||||
|
||||
/* badges */
|
||||
|
||||
.deadline-badge-green {
|
||||
background: #198754;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.deadline-badge-yellow {
|
||||
background: #ffc107;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.deadline-badge-red {
|
||||
background: #dc3545;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.deadline-badge-yellow {
|
||||
background: #ffc107;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.deadline-badge-red {
|
||||
background: #dc3545;
|
||||
}
|
||||
Reference in New Issue
Block a user