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

71 lines
1.0 KiB
SCSS

.notesContainer {
.flexTodo {
display: flex;
flex-flow: column;
gap: 15px;
width: 223px;
.todoRows {
max-height: 65vh !important;
overflow-y: visible !important;
overflow-x: hidden;
display: flex;
flex-flow: column;
gap: 15px;
}
}
.todosEmpty {
height: 200px;
display: grid;
place-items: center;
}
}
.todoRow {
@include basicIconButton(1px, 16px, ui);
display: flex;
flex-flow: row;
align-items: center;
margin: 15px 5px;
@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;
}
}