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

UI: Fixed adaptive manage layout dialog

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2024-08-19 17:20:53 +03:00
parent bc296d698e
commit d7ba724f6a
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui-ngx/src/app/modules/home/components/dashboard-page/layout/add-new-breakpoint-dialog.component.html
View File

@ -24,7 +24,7 @@
<mat-icon class="material-icons">close</mat-icon> <mat-icon class="material-icons">close</mat-icon>
</button> </button>
</mat-toolbar> </mat-toolbar>
<div mat-dialog-content style="width: 400px"> <div mat-dialog-content style="width: 400px; max-width: 100%;">
<form [formGroup]="addBreakpointFormGroup"> <form [formGroup]="addBreakpointFormGroup">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label translate>layout.breakpoint</mat-label> <mat-label translate>layout.breakpoint</mat-label>

2
ui-ngx/src/app/modules/home/components/dashboard-page/layout/manage-dashboard-layouts-dialog.component.html
View File

@ -25,7 +25,7 @@
<mat-icon class="material-icons">close</mat-icon> <mat-icon class="material-icons">close</mat-icon>
</button> </button>
</mat-toolbar> </mat-toolbar>
<div mat-dialog-content style="min-width: 300px; padding: 16px"> <div mat-dialog-content>
<section class="tb-form-panel no-padding no-border"> <section class="tb-form-panel no-padding no-border">
<div class="tb-form-row space-between"> <div class="tb-form-row space-between">
<div class="fixed-title-width" translate>dashboard.layout</div> <div class="fixed-title-width" translate>dashboard.layout</div>

8
ui-ngx/src/app/modules/home/components/dashboard-page/layout/manage-dashboard-layouts-dialog.component.scss
View File

@ -185,6 +185,14 @@ $tb-warn: mat.get-color-from-palette(map-get($tb-theme, warn), text);
} }
} }
:host-context(.tb-fullscreen-dialog .mat-mdc-dialog-container) {
.mat-mdc-dialog-content {
width: 550px;
max-width: 100%;
padding: 16px;
}
}
::ng-deep { ::ng-deep {
/* Alarm tooltip with side-to-side movement */ /* Alarm tooltip with side-to-side movement */
.tb-layout-error-tooltip-right { .tb-layout-error-tooltip-right {