62 lines
1 KiB
SCSS
62 lines
1 KiB
SCSS
@import 'mixins_and_variables_and_functions';
|
|
|
|
/**
|
|
* Dashboard Todos
|
|
*
|
|
*/
|
|
|
|
.todos-list > .todo {
|
|
// workaround because we cannot use border-collapse
|
|
border-top: 1px solid transparent;
|
|
|
|
// overwrite border style of .content-list
|
|
&:last-child {
|
|
border-bottom: 1px solid transparent;
|
|
|
|
&:hover {
|
|
border-color: var(--blue-200, $blue-200);
|
|
}
|
|
}
|
|
|
|
&.todo-pending.done-reversible {
|
|
&:hover {
|
|
border-top: 1px solid transparent;
|
|
|
|
.todo-avatar,
|
|
.todo-item {
|
|
opacity: 0.6;
|
|
}
|
|
}
|
|
|
|
.todo-avatar,
|
|
.todo-item {
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
}
|
|
|
|
.todo-item {
|
|
@include transition(opacity);
|
|
|
|
.todo-label,
|
|
.todo-project {
|
|
a {
|
|
color: var(--blue-600, $blue-600);
|
|
}
|
|
}
|
|
|
|
.todo-body {
|
|
p {
|
|
color: var(--gl-text-color, $gl-text-color);
|
|
}
|
|
|
|
.gl-label-scoped {
|
|
--label-inset-border: inset 0 0 0 1px currentColor;
|
|
}
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
border-left: 2px solid var(--border-color, $border-color);
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
}
|