From 1723ff1da5aeabecafdce554f2bf2ab06cf8deb3 Mon Sep 17 00:00:00 2001
From: "alonso.torres" <alonso.torres@kaleidos.net>
Date: Thu, 5 May 2022 17:04:03 +0200
Subject: [PATCH] :bug: Numeric input for font size

---
 .../main/ui/components/editable_select.cljs   | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/main/ui/components/editable_select.cljs b/frontend/src/app/main/ui/components/editable_select.cljs
index 9d4101bea..ebc5e5589 100644
--- a/frontend/src/app/main/ui/components/editable_select.cljs
+++ b/frontend/src/app/main/ui/components/editable_select.cljs
@@ -10,6 +10,7 @@
    [app.common.math :as mth]
    [app.common.uuid :as uuid]
    [app.main.ui.components.dropdown :refer [dropdown]]
+   [app.main.ui.components.numeric-input :refer [numeric-input]]
    [app.main.ui.icons :as i]
    [app.util.dom :as dom]
    [app.util.keyboard :as kbd]
@@ -141,13 +142,19 @@
 
     [:div.editable-select {:class class
                            :ref on-node-load}
-     [:input.input-text {:value (or (some-> @state :current-value value->label) "")
-                         :on-change handle-change-input
-                         :on-key-down handle-key-down
-                         :on-focus handle-focus
-                         :on-blur handle-blur
-                         :placeholder placeholder
-                         :type type}]
+     (if (= type "number")
+       [:> numeric-input {:value (or (some-> @state :current-value value->label) "")
+                          :on-change set-value
+                          :on-focus handle-focus
+                          :on-blur handle-blur
+                          :placeholder placeholder}]
+       [:input.input-text {:value (or (some-> @state :current-value value->label) "")
+                           :on-change handle-change-input
+                           :on-key-down handle-key-down
+                           :on-focus handle-focus
+                           :on-blur handle-blur
+                           :placeholder placeholder
+                           :type type}])
      [:span.dropdown-button {:on-click open-dropdown} i/arrow-down]
 
      [:& dropdown {:show (get @state :is-open? false)