This repository has been archived on 2024-10-29. You can view files and clone it, but cannot push or open issues or pull requests.
FunctionProject/website/public/css/pages/functions/toDoList.css
2020-04-24 14:43:52 +02:00

34 lines
749 B
CSS

.ManageToDo__container {
display: flex;
flex-direction: column;
box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, .25);
border: 1px solid black;
border-radius: 1rem;
margin: 40px 40px;
}
.ManageToDo__list {
overflow: hidden;
}
.ManageToDo__list-item {
display: flex;
justify-content: space-between;
margin: 25px 0;
}
.ManageToDo__list-item.isCompleted {
text-decoration: line-through;
}
.ManageToDo__task-btn {
color: var(--text-color);
cursor: pointer;
background-color: transparent;
border: none;
outline: none;
margin-left: 7px;
margin-right: 7px;
width: 1.75em;
}
.ManageToDo__list-item-span {
width: calc(100% - 120px);
overflow: hidden;
text-overflow: ellipsis;
}