From 24049123ec260910c39ed1ea64153c375c2bd59a Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Tue, 12 Dec 2023 15:28:13 +0200
Subject: [PATCH] UI: Fix widget background settings popup panel height.

---
 .../common/background-settings-panel.component.html         | 4 ++--
 .../common/background-settings-panel.component.scss         | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.html
index cd406cf01e..6dbc1a5fa3 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.html
@@ -17,7 +17,7 @@
 -->
 <div class="tb-background-settings-panel" [formGroup]="backgroundSettingsFormGroup">
   <div class="tb-background-settings-title" translate>widgets.background.background-settings</div>
-  <div class="tb-form-panel">
+  <div class="tb-form-panel tb-background-form-panel">
     <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="16px">
       <div class="tb-form-panel-title" translate>widgets.background.background</div>
       <tb-toggle-select formControlName="type" fxFlex selectMediaBreakpoint="xs">
@@ -28,7 +28,7 @@
       </tb-toggle-select>
     </div>
     <tb-gallery-image-input [fxShow]="backgroundSettingsFormGroup.get('type').value === backgroundType.image" formControlName="imageUrl"></tb-gallery-image-input>
-    <div [fxShow]="backgroundSettingsFormGroup.get('type').value === backgroundType.color" class="tb-form-row space-between">
+    <div [fxShow]="backgroundSettingsFormGroup.get('type').value === backgroundType.color" class="tb-form-row space-between tb-background-color-field">
       <div translate>widgets.color.color</div>
       <tb-color-input asBoxInput
                       formControlName="color">
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.scss
index 258117512a..2e0cf6b2a6 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.scss
@@ -31,6 +31,12 @@
     letter-spacing: 0.25px;
     color: rgba(0, 0, 0, 0.87);
   }
+  .tb-background-form-panel {
+    height: 192px;
+    .tb-background-color-field {
+      height: auto;
+    }
+  }
   .tb-background-settings-preview {
     flex: 1;
     background: rgba(0, 0, 0, 0.04);