ui

Author: awb99

demo/src/demo/page/quanta.cljs

@@ -16,7 +16,7 @@
               :spec
               ["EUR/USD" "USD/CHF" "GBP/USD" "USD/SEK" "USD/NOK" "USD/CAD" "USD/JPY"
                "AUD/USD" "NZD/USD" "USD/MXN" "USD/ZAR" "EUR/JPY" "EUR/CHF" "EUR/GBP" "GBP/JPY"]}
-             {:type :select :path [2 :trailing-n], :name "DailyLoad#", :spec [2 5 10 20 30 50 80 100 120 150]}
+             {:type :select :path [2 :trailing-n], :name "trailing#", :spec [2 5 10 20 30 50 80 100 120 150]}
              {:type :select :path [2 :atr-n], :name "dATR#", :spec [5 10 20 30]}
              {:type :select :path [2 :percentile], :name "dPercentile", :spec [10 20 30 40 50 60 70 80 90]}
              {:type :select :path [2 :step], :name "dStep", :spec [0.001 1.0E-4 4.0E-5]}

resources/public/options/options.css

@@ -13,7 +13,7 @@
     display: grid;
     gap: "1rem";
     grid-template-columns: repeat(auto-fit, 100px 200px ); /* minmax(200px,1fr) */
-    grid-template-rows: repeat(auto-fill, 30px);
+    grid-template-rows: repeat(14px);
     grid-auto-flow: row;
 
   }

src/options/core.cljs

@@ -26,7 +26,12 @@
 (defn create-edit-element [{:keys [set-fn get-fn]}  {:keys [path name type] :as options}]
   (let [editor (get-editor type)]
     [:<>
-     [:span name] ; <label for= "pet-select" >Choose a pet:</label>
+     [:span
+      {:style {:text-overflow "ellipsis"
+               :overflow "hidden"
+               :display "inline-block"}}
+
+      name] ; <label for= "pet-select" >Choose a pet:</label>
      [editor {:set-fn (partial set-fn path)
               :options options}
       (get-fn path)]]))