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

UI: Minor change style in notification

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2024-02-16 15:04:45 +02:00
parent f8ab53b018
commit b008eba42c
4 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss
View File

@ -16,7 +16,7 @@
@import "../../../../../../scss/constants"; @import "../../../../../../scss/constants";
:host { :host {
width: 850px; width: 780px;
height: 100%; height: 100%;
max-width: 100%; max-width: 100%;
max-height: 100vh; max-height: 100vh;
@ -206,6 +206,7 @@
.mat-horizontal-stepper-wrapper { .mat-horizontal-stepper-wrapper {
flex: 1 1 100%; flex: 1 1 100%;
width: 100%;
} }
.mat-horizontal-content-container { .mat-horizontal-content-container {

2
ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.componet.ts
View File

@ -98,7 +98,7 @@ export class SentNotificationDialogComponent extends
} }
}); });
this.stepperOrientation = this.breakpointObserver.observe(MediaBreakpoints['gt-xs']) this.stepperOrientation = this.breakpointObserver.observe(MediaBreakpoints['gt-sm'])
.pipe(map(({matches}) => matches ? 'horizontal' : 'vertical')); .pipe(map(({matches}) => matches ? 'horizontal' : 'vertical'));
this.notificationRequestForm = this.fb.group({ this.notificationRequestForm = this.fb.group({

3
ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.scss
View File

@ -17,7 +17,7 @@
@import "../../../../../../theme"; @import "../../../../../../theme";
:host { :host {
width: 850px; width: 780px;
height: 100%; height: 100%;
max-width: 100%; max-width: 100%;
max-height: 100vh; max-height: 100vh;
@ -83,6 +83,7 @@
.mat-horizontal-stepper-wrapper { .mat-horizontal-stepper-wrapper {
flex: 1 1 100%; flex: 1 1 100%;
width: 100%;
} }
.mat-horizontal-content-container { .mat-horizontal-content-container {

2
ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.ts
View File

@ -78,7 +78,7 @@ export class TemplateNotificationDialogComponent
this.notificationTypes = this.allowNotificationType(); this.notificationTypes = this.allowNotificationType();
this.stepperOrientation = this.breakpointObserver.observe(MediaBreakpoints['gt-xs']) this.stepperOrientation = this.breakpointObserver.observe(MediaBreakpoints['gt-sm'])
.pipe(map(({matches}) => matches ? 'horizontal' : 'vertical')); .pipe(map(({matches}) => matches ? 'horizontal' : 'vertical'));
if (isDefinedAndNotNull(this.data?.predefinedType)) { if (isDefinedAndNotNull(this.data?.predefinedType)) {