JavaScriptExample
diff --git a/‎src/assets/css/widget.styl‎
Lines changed: 5 additions & 1 deletion b/‎src/assets/css/widget.styl‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎src/components/widget-form-list.vue‎
Lines changed: 1 addition & 1 deletion b/‎src/components/widget-form-list.vue‎
Lines changed: 1 addition & 1 deletion
@@ -239,6 +239,10 @@ $primary-background-color = #d8e8fa;
     }
 
     .wg-horizontal-picker {
+      width: 400px;
+      border: 1px solid #999;
+      border-radius: 10px;
+      overflow: hidden;
       white-space: nowrap;
       height: 36px;
       line-height: 36px;
@@ -249,7 +253,7 @@ $primary-background-color = #d8e8fa;
         height: 100%;
         text-align: center;
         display: inline-block;
-        padding: 0;
+        padding: 0 20px;
         white-space: nowrap;
         position: relative;
         overflow: hidden;
 
@@ -110,7 +110,7 @@
               class="picker-item"
               v-for="optionsItem in item.options"
               :key="optionsItem"
-              :style="optionsItem===item.value?{ color: optionsItem.pickerColor }:{}"
+              :style="optionsItem===item.value?{ color: item.pickerColor }:{}"
             >{{optionsItem}}</div>
           </div>
         </div>