changeset 3593:e7726cc3bc56

client: configuration: used same color picker for all color settings and adjusted its style
author Markus Kottlaender <markus@intevation.de>
date Tue, 04 Jun 2019 14:32:55 +0200
parents a0964fd608ae
children 63322cd63a57
files client/src/components/systemconfiguration/ColorSettings.vue
diffstat 1 files changed, 13 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/ColorSettings.vue	Tue Jun 04 14:19:50 2019 +0200
+++ b/client/src/components/systemconfiguration/ColorSettings.vue	Tue Jun 04 14:32:55 2019 +0200
@@ -15,7 +15,7 @@
           <h6 class="card-title">
             <translate>Bottleneck Areas stroke-color</translate>
           </h6>
-          <compact-picker v-model="strokeColor" />
+          <chrome-picker v-model="strokeColor" />
         </div>
       </div>
       <div class="mt-4">
@@ -27,6 +27,18 @@
   </div>
 </template>
 
+<style lang="sass" scoped>
+.vc-chrome
+  box-shadow: none
+  border-radius: 0.25rem
+  overflow: hidden
+  /deep/
+    .vc-chrome-body
+      border: solid 1px #dee2e6
+      border-bottom-left-radius: 0.25rem
+      border-bottom-right-radius: 0.25rem
+</style>
+
 <script>
 /* This is Free Software under GNU Affero General Public License v >= 3.0
  * without warranty, see README.md and license for details.