oh-colorpicker: Allow setting style

Fixes openhab#1713. Signed-off-by: Florian Hotze <[email protected]>
florian-h05 · Jul 27, 2023 · 6310dd9 · 6310dd9
1 parent 110498a
commit 6310dd9
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-colorpicker.vue b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-colorpicker.vue
@@ -1,11 +1,13 @@
 <template>
-  <div v-if="!config.openIn" ref="container" style="width: 100%" />
-  <div v-else ref="swatch" :class="config.swatchClasses || ['elevation-4', 'elevation-hover-8', 'elevation-pressed-1', 'elevation-transition']" :style="{
+  <div :style="config.style">
+    <div v-if="!config.openIn" ref="container" style="width: 100%" />
+    <div v-else ref="swatch" :class="config.swatchClasses || ['elevation-4', 'elevation-hover-8', 'elevation-pressed-1', 'elevation-transition']" :style="{
     width: (config.swatchSize) ? config.swatchSize + 'px' : '32px',
     height: (config.swatchSize) ? config.swatchSize + 'px' : '32px',
     borderRadius: (config.swatchBorderRadius) ? config.swatchBorderRadius + 'px' : '6px',
     cursor: 'pointer'
-  }" />
+    }" />
+  </div>
 </template>
 
 <script>