108 lines
2.6 KiB
SCSS
108 lines
2.6 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Tasks -------------------------------------------------------------------- */
|
|
|
|
.app-tasks .app-navigation .app-navigation-entry-edit input.action {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
|
|
.app-tasks .app-content {
|
|
.sortorder-dropdown-button {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
.categories-list span {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
.task-body {
|
|
background-color: var(--color-background-darker);
|
|
|
|
&:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
|
|
&.active .title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.duedate.overdue {
|
|
color: var(--color-error);
|
|
}
|
|
|
|
.percentdone {
|
|
background-color: var(--color-primary) !important;
|
|
}
|
|
}
|
|
|
|
.task-list .loadmore span,
|
|
.task-list .loadmore button {
|
|
background-color: var(--color-background-darker) !important;
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
}
|
|
|
|
.app-tasks #app-sidebar div.content-wrapper {
|
|
.title {
|
|
background-color: var(--color-primary-element);
|
|
|
|
.expandable-container {
|
|
background: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
}
|
|
|
|
.body .section {
|
|
border-bottom: 1px dashed var(--color-border);
|
|
|
|
.detail-categories-container .multiselect.multiselect-vue .multiselect__tag,
|
|
.detail-calendar-container .multiselect.multiselect-vue .multiselect__tag {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
input[type="number"] {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
}
|
|
|
|
input[type="checkbox"].checkbox:checked + label::before {
|
|
background-color: var(--color-primary-element);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
|
|
.title .detail-checkbox label:hover::before {
|
|
border-color: var(--color-primary);
|
|
}
|
|
|
|
.footer {
|
|
border-top: unset;
|
|
}
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
|
|
.app-tasks {
|
|
.sprt-startdate,
|
|
.sprt-duedate,
|
|
.sprt-current,
|
|
.sprt-task-star,
|
|
.sprt-percent,
|
|
.sprt-tag,
|
|
.sprt-trash,
|
|
.sprt-hide,
|
|
.sprt-pinned,
|
|
.sprt-pinned-off,
|
|
.sprt-all,
|
|
.sprt-checkmark,
|
|
.sprt-add,
|
|
.sprt-calendar,
|
|
.sprt-note,
|
|
.sprt-subtasks-hidden {
|
|
filter: invert(95%);
|
|
}
|
|
}
|