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

UI: Cards widget set default padding value is empty

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2024-09-10 15:36:32 +03:00
parent fb1d993290
commit 1a9b555bf1
6 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui-ngx/src/app/modules/home/components/widget/lib/cards/value-card-widget.models.ts
View File

@ -132,5 +132,5 @@ export const valueCardDefaultSettings = (horizontal: boolean): ValueCardWidgetSe
blur: 3
}
},
padding: '24px'
padding: ''
});

2
ui-ngx/src/app/modules/home/components/widget/lib/indicator/status-widget.models.ts
View File

@ -202,5 +202,5 @@ export const statusWidgetDefaultSettings: StatusWidgetSettings = {
}
}
},
padding: '16px'
padding: ''
};

6
ui-ngx/src/app/modules/home/components/widget/lib/rpc/single-switch-widget.component.ts
View File

@ -47,6 +47,8 @@ import { ValueType } from '@shared/models/constants';
import { UtilsService } from '@core/services/utils.service';
const initialSwitchHeight = 60;
const horizontalLayoutPadding = 48;
const verticalLayoutPadding = 36;
@Component({
selector: 'tb-single-switch-widget',
@ -239,8 +241,8 @@ export class SingleSwitchWidgetComponent extends
const computedStyle = getComputedStyle(this.singleSwitchPanel.nativeElement);
const [pLeft, pRight, pTop, pBottom] = ['paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom']
.map(side => resolveCssSize(computedStyle[side])[0]);
const panelWidth = widgetBoundingClientRect.width - (pLeft + pRight);
const panelHeight = widgetBoundingClientRect.height - (pTop + pBottom);
const panelWidth = widgetBoundingClientRect.width - ((pLeft + pRight) || horizontalLayoutPadding * paddingScale);
const panelHeight = widgetBoundingClientRect.height - ((pTop + pBottom) || verticalLayoutPadding * paddingScale);
this.renderer.setStyle(this.singleSwitchContent.nativeElement, 'transform', `scale(1)`);
this.renderer.setStyle(this.singleSwitchContent.nativeElement, 'width', 'auto');
let contentWidth = this.singleSwitchToggleRow.nativeElement.getBoundingClientRect().width;

2
ui-ngx/src/app/modules/home/components/widget/lib/rpc/single-switch-widget.models.ts
View File

@ -219,5 +219,5 @@ export const singleSwitchDefaultSettings: SingleSwitchWidgetSettings = {
blur: 3
}
},
padding: '18px 24px'
padding: ''
};

4
ui-ngx/src/app/modules/home/components/widget/lib/weather/wind-speed-direction-widget.component.ts
View File

@ -42,7 +42,6 @@ import {
getSingleTsValueByDataKey,
overlayStyle
} from '@shared/models/widget-settings.models';
import { WidgetComponent } from '@home/components/widget/widget.component';
import { formatValue, isDefinedAndNotNull, isNumeric } from '@core/utils';
import { ResizeObserver } from '@juggle/resize-observer';
import { Path, Svg, SVG, Text } from '@svgdotjs/svg.js';
@ -112,8 +111,7 @@ export class WindSpeedDirectionWidgetComponent implements OnInit, OnDestroy, Aft
private windDirection = 0;
private centerValueText = 'N/A';
constructor(private widgetComponent: WidgetComponent,
private imagePipe: ImagePipe,
constructor(private imagePipe: ImagePipe,
private sanitizer: DomSanitizer,
private renderer: Renderer2,
private cd: ChangeDetectorRef) {

2
ui-ngx/src/app/modules/home/components/widget/lib/weather/wind-speed-direction-widget.models.ts
View File

@ -102,5 +102,5 @@ export const windSpeedDirectionDefaultSettings: WindSpeedDirectionWidgetSettings
blur: 3
}
},
padding: '20px 24px 24px'
padding: ''
};