fix: adjust priority marker positioning

qbosen · Nov 10, 2021 · 1b22af3 · 1b22af3
1 parent 8fa6792
commit 1b22af3
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/_markers.scss b/src/_markers.scss
@@ -1,7 +1,7 @@
 :root {
   --ct-marker-border-radius: 4px;
   --ct-task-done-text-decoration: none;
-  --ct-marker-size: 20px;
+  --ct-marker-size: 16px;
   --ct-checkbox-color: var(--ls-active-primary-color);
 }
 
@@ -11,9 +11,8 @@
   border-radius: var(--ct-marker-border-radius);
   border: 2px solid var(--ct-checkbox-color) !important;
   background-color: transparent !important;
-  height: calc(var(--ct-marker-size) - 4px);
-  width: calc(var(--ct-marker-size) - 4px);
-  margin-top: -3px !important;
+  height: var(--ct-marker-size);
+  width: var(--ct-marker-size);
 }
 
 :is(.doing, .now) .form-checkbox,
@@ -68,18 +67,17 @@ a.priority[href="#/page/A" i],
 [href="#/page/C" i] {
   display: inline-flex;
   opacity: 1 !important;
-  height: var(--ct-marker-size);
-  width: var(--ct-marker-size);
 }
 
 a[priority]::before,
 a.priority::before {
+  transform: translateY(-1px);
   border: 1px solid #eee;
   border-radius: var(--ct-marker-border-radius);
   font-size: 12px;
   font-weight: 600;
-  height: var(--ct-marker-size);
-  width: var(--ct-marker-size);
+  height: calc(var(--ct-marker-size) + 4px);
+  width: calc(var(--ct-marker-size) + 4px);
   line-height: 1.5;
   text-align: center;
   display: inline-flex;