fix: checkbox alignment on markdown

Acode-Foundation · Nov 10, 2024 · 3ec318a · 3ec318a
1 parent 41f3926
commit 3ec318a
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 14 deletions.
diff --git a/src/pages/changelog/style.scss b/src/pages/changelog/style.scss
@@ -1,8 +1,7 @@
 #changelog {
-  height: 100%;
-  width: 100%;
-  padding: 8px;
-  overflow: auto;
+    max-width: 800px;
+    margin: auto;
+    overflow: auto;
 }
 
 .loading {

diff --git a/src/styles/markdown.scss b/src/styles/markdown.scss
@@ -390,16 +390,47 @@
     color: var(--color-caution);
   }
   .task-list-item {
-    list-style-type: none;
-    label {
-        font-weight: 400;
+        list-style-type: none;
+
+        label {
+            font-weight: 400;
+        }
+
+        &.enabled label {
+            cursor: pointer;
+        }
+
+        &+.task-list-item {
+            margin-top: 0.25rem;
+        }
+
+        .handle {
+            display: none;
+        }
+
+        &-checkbox {
+            margin: 0 0.2em 0.25em -1.4em;
+            vertical-align: middle;
+            border-radius: 4px;
+            cursor: pointer;
+        }
     }
-    &+.task-list-item {
-        margin-top: 0.25rem;
+
+
+    ul:dir(rtl) .task-list-item-checkbox,
+    ol:dir(rtl) .task-list-item-checkbox {
+        margin: 0 -1.6em 0.25em 0.2em;
+    }
+
+    .contains-task-list {
+
+        &:hover .task-list-item-convert-container,
+        &:focus-within .task-list-item-convert-container {
+            display: block;
+            width: auto;
+            height: 24px;
+            overflow: visible;
+            clip: auto;
+        }
     }
-  }
-  ul:dir(rtl) .task-list-item-checkbox,
-  ol:dir(rtl) .task-list-item-checkbox {
-    margin: 0 -1.6em 0.25em 0.2em;
-  }
 }