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

ui fixes

Browse Source
This commit is contained in:
mpetrov 2024-07-08 14:42:18 +03:00
parent 0e3047bdbf
commit 0fefeb655f
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/server-config/server-config.component.html
View File

@ -18,7 +18,7 @@
<div class="tb-form-panel no-border no-padding padding-top" [formGroup]="serverConfigFormGroup"> <div class="tb-form-panel no-border no-padding padding-top" [formGroup]="serverConfigFormGroup">
<div class="server-settings"> <div class="server-settings">
<div class="tb-form-row column-xs" fxLayoutAlign="space-between center"> <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
<div class="server-conf-field-title fixed-title-width-250" translate>gateway.server-url</div> <div class="server-conf-field-title" translate>gateway.server-url</div>
<div class="tb-flex no-gap"> <div class="tb-flex no-gap">
<mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic"> <mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic">
<input matInput name="value" formControlName="url" placeholder="{{ 'gateway.set' | translate }}"/> <input matInput name="value" formControlName="url" placeholder="{{ 'gateway.set' | translate }}"/>
@ -35,7 +35,7 @@
</div> </div>
</div> </div>
<div class="tb-form-row column-xs" fxLayoutAlign="space-between center"> <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
<div class="server-conf-field-title fixed-title-width-250" tb-hint-tooltip-icon="{{ 'gateway.hints.opcua-timeout' | translate }}" translate> <div class="server-conf-field-title" tb-hint-tooltip-icon="{{ 'gateway.hints.opcua-timeout' | translate }}" translate>
gateway.timeout gateway.timeout
</div> </div>
<div class="tb-flex no-gap"> <div class="tb-flex no-gap">
@ -55,7 +55,7 @@
</div> </div>
</div> </div>
<div class="tb-form-row column-xs" fxLayoutAlign="space-between center"> <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
<div class="server-conf-field-title fixed-title-width-250" translate>gateway.security</div> <div class="server-conf-field-title" translate>gateway.security</div>
<div class="tb-flex no-gap"> <div class="tb-flex no-gap">
<mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic"> <mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic">
<mat-select formControlName="security"> <mat-select formControlName="security">
@ -65,7 +65,7 @@
</div> </div>
</div> </div>
<div class="tb-form-row column-xs" fxLayoutAlign="space-between center"> <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
<div class="server-conf-field-title fixed-title-width-250" tb-hint-tooltip-icon="{{ 'gateway.hints.scan-period' | translate }}" translate> <div class="server-conf-field-title" tb-hint-tooltip-icon="{{ 'gateway.hints.scan-period' | translate }}" translate>
gateway.scan-period gateway.scan-period
</div> </div>
<div class="tb-flex no-gap"> <div class="tb-flex no-gap">
@ -86,7 +86,7 @@
</div> </div>
</div> </div>
<div class="tb-form-row column-xs" fxLayoutAlign="space-between center"> <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
<div class="server-conf-field-title fixed-title-width-250" tb-hint-tooltip-icon="{{ 'gateway.hints.sub-check-period' | translate }}" translate> <div class="server-conf-field-title" tb-hint-tooltip-icon="{{ 'gateway.hints.sub-check-period' | translate }}" translate>
gateway.sub-check-period gateway.sub-check-period
</div> </div>
<div class="tb-flex no-gap"> <div class="tb-flex no-gap">

3
ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/server-config/server-config.component.scss
View File

@ -17,11 +17,12 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
}
.server-conf-field-title { .server-conf-field-title {
min-width: 250px;
width: 30%; width: 30%;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
}