mue/src/components/widgets/navbar/scss/_todo.scss

64 lines
997 B
SCSS

.notesContainer {
.flexTodo {
display: flex;
flex-flow: column;
gap: 15px;
width: 223px;
.todoRows {
max-height: 65vh !important;
overflow-y: visible !important;
display: flex;
flex-flow: column;
gap: 15px;
overflow-x: hidden;
}
}
}
.todoRow {
@include basicIconButton(1px, 16px, ui);
display: flex;
flex-flow: row;
align-items: center;
padding-right: 10px;
margin: 1px;
@include themed() {
color: t($color) !important;
}
textarea {
width: 120px;
@include themed() {
color: t($color) !important;
}
}
svg {
padding: 10px;
place-items: center;
display: grid;
cursor: pointer;
@include themed() {
color: t($color) !important;
}
&:hover {
@include themed() {
background: t($modal-sidebar);
border-radius: t($borderRadius);
}
}
}
}
.done {
text-decoration: line-through;
textarea {
cursor: not-allowed;
}
}