UX: Tweak the checklist plugin css (#26577)

Fixes alignment of checboxes in posts. Removes unused styles.
This commit is contained in:
Jarek Radosz 2024-04-09 16:00:26 +02:00 committed by GitHub
parent f5c9e75438
commit 6cf7447cb9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -22,14 +22,9 @@ span.chcklst-stroked {
} }
span.chcklst-box { span.chcklst-box {
&:not(.permanent) { cursor: pointer;
cursor: pointer; display: inline-flex;
} vertical-align: text-bottom;
&:before {
display: inline-block;
vertical-align: middle;
}
&:not(.checked) { &:not(.checked) {
&.fa-square-o { &.fa-square-o {
@ -68,20 +63,18 @@ span.chcklst-box {
ul li.has-checkbox { ul li.has-checkbox {
list-style-type: none; list-style-type: none;
position: relative; position: relative;
}
.list-item-checkbox { ul:has(li.has-checkbox) {
position: absolute; padding-left: 0;
left: -1.2em;
}
} }
.fa-spin { .fa-spin {
display: inline-block; display: inline-flex;
vertical-align: middle; vertical-align: text-bottom;
margin-bottom: 0.25em;
animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;
width: 14px; width: 1em;
height: 17px; height: 1em;
} }
@keyframes fa-spin { @keyframes fa-spin {