From fed684c0581c20f20fe3128e82c6f1a1713e0e32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jespinog@gmail.com>
Date: Fri, 23 Dec 2016 11:50:05 +0100
Subject: [PATCH] Moving editable select styles to the scss files

---
 .../partials/sidebar-element-options.scss     | 26 ++++++++++++++
 .../ui/workspace/sidebar/options/text.cljs    | 35 ++++++-------------
 2 files changed, 37 insertions(+), 24 deletions(-)

diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index 9c10f36cb..6625e519c 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -248,6 +248,32 @@
     width: 100%;
   }
 
+  .editable-select {
+    position: relative;
+    width: 100%;
+    height: 38px;
+
+    .input-text {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 80%;
+    }
+
+    .input-select {
+      position: absolute;
+      top: 0;
+      left: 0;
+      border: none;
+      color: $color-white;
+      width: 100%;
+
+      option {
+        color: $intense-ui-text;
+        font-size: $fs12;
+      }
+    }
+  }
 }
 
 .color-th {
diff --git a/frontend/src/uxbox/main/ui/workspace/sidebar/options/text.cljs b/frontend/src/uxbox/main/ui/workspace/sidebar/options/text.cljs
index 315c633f7..6413bfcf0 100644
--- a/frontend/src/uxbox/main/ui/workspace/sidebar/options/text.cljs
+++ b/frontend/src/uxbox/main/ui/workspace/sidebar/options/text.cljs
@@ -91,35 +91,22 @@
          [:span "Size and Weight"]
          [:div.row-flex
           [:div.editable-select
-           {:style {:position "relative"
-                    :width "100%"
-                    :height "38px"}}
            [:select.input-select
             {:id "common-font-sizes"
-             :style {:position "absolute"
-                     :top 0
-                     :left 0
-                     :border "none"
-                     :color "white"
-                     :width "100%"}
              :on-change on-font-size-change}
-            [:option {:style {:color "black"} :value "8"} "8"]
-            [:option {:style {:color "black"} :value "9"} "9"]
-            [:option {:style {:color "black"} :value "10"} "10"]
-            [:option {:style {:color "black"} :value "11"} "11"]
-            [:option {:style {:color "black"} :value "12"} "12"]
-            [:option {:style {:color "black"} :value "14"} "14"]
-            [:option {:style {:color "black"} :value "18"} "18"]
-            [:option {:style {:color "black"} :value "24"} "24"]
-            [:option {:style {:color "black"} :value "36"} "36"]
-            [:option {:style {:color "black"} :value "48"} "48"]
-            [:option {:style {:color "black"} :value "72"} "72"]]
+            [:option {:value "8"} "8"]
+            [:option {:value "9"} "9"]
+            [:option {:value "10"} "10"]
+            [:option {:value "11"} "11"]
+            [:option {:value "12"} "12"]
+            [:option {:value "14"} "14"]
+            [:option {:value "18"} "18"]
+            [:option {:value "24"} "24"]
+            [:option {:value "36"} "36"]
+            [:option {:value "48"} "48"]
+            [:option {:value "72"} "72"]]
            [:input.input-text
             {:placeholder "Font Size"
-             :style {:position "absolute"
-                     :top 0
-                     :left 0
-                     :width "80%"}
              :type "number"
              :min "0"
              :max "200"