styling fix

This commit is contained in:
Michael Freno
2025-12-21 00:38:24 -05:00
parent a5c2330e87
commit 53e6d0aafe

View File

@@ -819,14 +819,19 @@ ul[data-type="taskList"] {
ul[data-type="taskList"] li { ul[data-type="taskList"] li {
display: flex; display: flex;
align-items: flex-start; align-items: center;
margin: 0.5rem 0; margin: 0.5rem 0;
gap: 0.5rem;
} }
ul[data-type="taskList"] li > label { ul[data-type="taskList"] li > label {
flex: 0 0 auto; flex: 0 0 auto;
margin-right: 0.5rem;
user-select: none; user-select: none;
display: flex;
align-items: center;
margin: 0;
padding: 0;
line-height: 1;
} }
ul[data-type="taskList"] li > div { ul[data-type="taskList"] li > div {
@@ -835,10 +840,23 @@ ul[data-type="taskList"] li > div {
ul[data-type="taskList"] input[type="checkbox"] { ul[data-type="taskList"] input[type="checkbox"] {
cursor: pointer; cursor: pointer;
width: 1.2em; width: 1em;
height: 1.2em; height: 1em;
margin-top: 0.2em; margin: 0;
padding: 0;
flex-shrink: 0;
accent-color: var(--color-blue); accent-color: var(--color-blue);
transform: none;
vertical-align: middle;
-webkit-appearance: checkbox;
appearance: checkbox;
border: 2px solid var(--color-blue);
border-radius: 0.15em;
background-color: transparent;
}
ul[data-type="taskList"] input[type="checkbox"]:checked {
background-color: var(--color-blue);
} }
ul[data-type="taskList"] li[data-checked="true"] > div { ul[data-type="taskList"] li[data-checked="true"] > div {