Added UI elements for toggling checklist

This commit is contained in:
Magnus Åhall 2024-01-13 10:46:52 +01:00
parent 44f5d92815
commit 08f2344ef9
6 changed files with 193 additions and 15 deletions

View file

@ -16,6 +16,9 @@ html {
[onClick] {
cursor: pointer;
}
label {
user-select: none;
}
html,
body {
margin: 0px;
@ -141,10 +144,15 @@ button {
#properties .key label {
margin-left: 8px;
}
#properties .checks {
display: grid;
grid-template-columns: min-content 1fr;
grid-gap: 4px 8px;
}
header {
display: grid;
grid-area: header;
grid-template-columns: min-content 1fr repeat(5, min-content);
grid-template-columns: min-content 1fr repeat(6, min-content);
align-items: center;
padding: 8px 0px;
color: #333c11;
@ -169,12 +177,14 @@ header .name {
font-size: 1.25em;
}
header .markdown,
header .checklist,
header .search,
header .add,
header .keys {
padding-right: 16px;
}
header .markdown img,
header .checklist img,
header .search img,
header .add img,
header .keys img {