     :name "vertical-tick-render"
     :mixins [mx/static]}))
 
+(defn vertical-ticks-render
+  [own]
+  (html
+   [:g
+    (for [value +ticks+]
+      (-> (vertical-tick value)
+          (rum/with-key value)))]))
+
+(def ^:const vertical-ticks
+  (mx/component
+   {:render vertical-ticks-render
+    :name "vertical-ticks-render"
+    :mixins [mx/static]}))
+
 (defn horizontal-rule-render
   [own sidebar?]
   (let [scroll (rum/react wb/scroll-a)

       :height wb/viewport-height}

      [:g {:transform (str  "translate(0, " translate-y ")")}
       (for [value +ticks+]
         (-> (horizontal-tick value)
             (rum/with-key value)))]
      [:rect {:x 0
              :y 0
              :height 20

    :name "horizontal-tick-render"
    :mixins [mx/static]}))

(defn- horizontal-ticks-render
  [own]
  (html
   [:g
    (for [value +ticks+]
      (-> (horizontal-tick value)
          (rum/with-key value)))]))

(def ^:const horizontal-ticks
  (mx/component
   {:render horizontal-ticks-render
    :name "horizontal-ticks-render"
    :mixins [mx/static]}))

(defn vertical-rule-render
  [own sidebar?]
  (let [scroll (rum/react wb/scroll-a)
