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

@ -12,6 +12,10 @@ html {
cursor: pointer;
}
label {
user-select: none;
}
html, body {
margin: 0px;
padding: 0px;
@ -157,12 +161,18 @@ button {
margin-left: 8px;
}
}
.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: darken(@accent_1, 35%);
@ -189,7 +199,7 @@ header {
font-size: 1.25em;
}
.markdown, .search, .add, .keys {
.markdown, .checklist, .search, .add, .keys {
padding-right: 16px;
img {