dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Fix widget background settings popup panel height.

Browse Source
This commit is contained in:
Igor Kulikov 2023-12-12 15:28:13 +02:00
parent f5bfec6115
commit 24049123ec
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.html
View File

@ -17,7 +17,7 @@
--> -->
<div class="tb-background-settings-panel" [formGroup]="backgroundSettingsFormGroup"> <div class="tb-background-settings-panel" [formGroup]="backgroundSettingsFormGroup">
<div class="tb-background-settings-title" translate>widgets.background.background-settings</div> <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 fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="16px">
<div class="tb-form-panel-title" translate>widgets.background.background</div> <div class="tb-form-panel-title" translate>widgets.background.background</div>
<tb-toggle-select formControlName="type" fxFlex selectMediaBreakpoint="xs"> <tb-toggle-select formControlName="type" fxFlex selectMediaBreakpoint="xs">
@ -28,7 +28,7 @@
</tb-toggle-select> </tb-toggle-select>
</div> </div>
<tb-gallery-image-input [fxShow]="backgroundSettingsFormGroup.get('type').value === backgroundType.image" formControlName="imageUrl"></tb-gallery-image-input> <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> <div translate>widgets.color.color</div>
<tb-color-input asBoxInput <tb-color-input asBoxInput
formControlName="color"> formControlName="color">

6
ui-ngx/src/app/modules/home/components/widget/lib/settings/common/background-settings-panel.component.scss
View File

@ -31,6 +31,12 @@
letter-spacing: 0.25px; letter-spacing: 0.25px;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
} }
.tb-background-form-panel {
height: 192px;
.tb-background-color-field {
height: auto;
}
}
.tb-background-settings-preview { .tb-background-settings-preview {
flex: 1; flex: 1;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);