diff --git a/ext/icons/arrowhead-down-16.svg b/ext/icons/arrowhead-down-16.svg new file mode 100644 index 0000000..d17491b --- /dev/null +++ b/ext/icons/arrowhead-down-16.svg @@ -0,0 +1,6 @@ + + + + diff --git a/ext/icons/arrowhead-up-16.svg b/ext/icons/arrowhead-up-16.svg new file mode 100644 index 0000000..684625e --- /dev/null +++ b/ext/icons/arrowhead-up-16.svg @@ -0,0 +1,6 @@ + + + + diff --git a/src/looped_in/sidebar.cljs b/src/looped_in/sidebar.cljs index 84dc1cc..e126d0d 100644 --- a/src/looped_in/sidebar.cljs +++ b/src/looped_in/sidebar.cljs @@ -20,13 +20,16 @@ author) $card (dom/createDom "div" #js {:class "card"} $text $author)] (if (> (count children) 0) - (let [$toggle (dom/createDom "div" - #js {:class "commentToggle"} - "") + (let [$toggle (dom/createDom "img" + #js {:class "commentToggle" + :src "icons/arrowhead-down-16.svg" + :width "16px" + :height "16px"}) $children (apply dom/createDom "div" #js {:class "commentChildren"} (clj->js (map comment-dom children)))] + (log $toggle) (Zippy. $toggle $children) (dom/appendChild $card $toggle) (dom/createDom "div"