From 569059642ed32573af2c926ba59fd829ac7b34d9 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@freewheel.tv>
Date: Fri, 11 Jun 2021 16:37:47 +0800
Subject: [PATCH] fix: add styles for task-status

---
 src/main/frontend/components/block.cljs | 10 +++++-----
 src/main/frontend/components/block.css  |  4 +++-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/main/frontend/components/block.cljs b/src/main/frontend/components/block.cljs
index 98864331b..b049cd325 100644
--- a/src/main/frontend/components/block.cljs
+++ b/src/main/frontend/components/block.cljs
@@ -1184,23 +1184,23 @@
                             (editor-handler/set-marker block marker)))]
       (case marker
         "NOW"
-        [:a.marker-switch
+        [:a.marker-switch.block-marker
          {:title "Change from NOW to LATER"
           :on-click (set-marker-fn "LATER")}
          "NOW"]
         "LATER"
-        [:a.marker-switch
+        [:a.marker-switch.block-marker
          {:title "Change from LATER to NOW"
           :on-click (set-marker-fn "NOW")}
          "LATER"]
 
         "TODO"
-        [:a.marker-switch
+        [:a.marker-switch.block-marker
          {:title "Change from TODO to DOING"
           :on-click (set-marker-fn "DOING")}
          "TODO"]
         "DOING"
-        [:a.marker-switch
+        [:a.marker-switch.block-marker
          {:title "Change from DOING to TODO"
           :on-click (set-marker-fn "TODO")}
          "DOING"]
@@ -1210,7 +1210,7 @@
   [{:block/keys [pre-block? marker] :as block}]
   (when-not pre-block?
     (if (contains? #{"IN-PROGRESS" "WAIT" "WAITING"} marker)
-      [:span {:class (str "task-status " (string/lower-case marker))
+      [:span {:class (str "task-status block-marker " (string/lower-case marker))
               :style {:margin-right 3.5}}
        (string/upper-case marker)])))
 
diff --git a/src/main/frontend/components/block.css b/src/main/frontend/components/block.css
index b5323496c..cb5165188 100644
--- a/src/main/frontend/components/block.css
+++ b/src/main/frontend/components/block.css
@@ -190,13 +190,15 @@
     background-color: var(--ls-page-properties-background-color);
 }
 
-.marker-switch {
+.block-marker {
   padding: 2px 4px;
   opacity: 0.5;
   font-size: 85%;
   margin: 0 2px 0 0px;
   font-weight: 600;
+}
 
+.marker-switch {
   &:hover {
     color: var(--ls-link-text-hover-color);
     opacity: 1;