# HG changeset patch
# User Fadi Abbud <fadi.abbud@intevation.de>
# Date 1566896192 -7200
# Node ID edfafea4b7b09975c9f50ce369eece5d3876eb4c
# Parent  f9c620cf0dd3b818977e0ca8a1041b02f79453bf
styles-config: hide alpha color picker for some layers

	* hide alpha color picker in the color box when it is not provided for the layer.

diff -r f9c620cf0dd3 -r edfafea4b7b0 client/src/components/systemconfiguration/ColorSettings.vue
--- a/client/src/components/systemconfiguration/ColorSettings.vue	Tue Aug 27 09:09:17 2019 +0200
+++ b/client/src/components/systemconfiguration/ColorSettings.vue	Tue Aug 27 10:56:32 2019 +0200
@@ -10,7 +10,10 @@
               >
             </div>
             <div class="card-body p-0">
-              <chrome-picker v-model="f.fillColor" />
+              <chrome-picker
+                v-model="f.fillColor"
+                :class="{ hide: f.noOpacity }"
+              />
             </div>
           </div>
           <div class="mt-3">
@@ -21,7 +24,10 @@
                 >
               </div>
               <div class="card-body p-0">
-                <chrome-picker v-model="f.strokeColor" />
+                <chrome-picker
+                  v-model="f.strokeColor"
+                  :class="{ hide: f.noOpacity }"
+                />
               </div>
             </div>
           </div>
@@ -68,6 +74,11 @@
       .vc-chrome-saturation-wrap
         border-radius: 0
         padding-bottom: 45%
+      &.hide
+        .vc-chrome-alpha-wrap
+          display: none !important
+        .vc-chrome-hue-wrap
+          margin-top: 10px
 </style>
 
 <script>
@@ -133,12 +144,14 @@
         {
           name: "Distance Marks, Axis",
           strokeColor: initSColor,
-          fillColor: initSColor
+          fillColor: initSColor,
+          noOpacity: true
         },
         {
           name: "Distance Marks",
           strokeColor: initSColor,
-          fillColor: initSColor
+          fillColor: initSColor,
+          noOpacity: true
         },
         {
           name: "Waterway profiles",
@@ -146,11 +159,13 @@
         },
         {
           name: "Waterway Axis",
-          strokeColor: initSColor
+          strokeColor: initSColor,
+          noOpacity: true
         },
         {
           name: "Waterway Area",
-          strokeColor: initSColor
+          strokeColor: initSColor,
+          noOpacity: true
         }
       ]
     };