From b008eba42cfd3fb587e610b3c5eee88f47fbad0a Mon Sep 17 00:00:00 2001 From: Vladyslav_Prykhodko Date: Fri, 16 Feb 2024 15:04:45 +0200 Subject: [PATCH] UI: Minor change style in notification --- .../notification/sent/sent-notification-dialog.component.scss | 3 ++- .../notification/sent/sent-notification-dialog.componet.ts | 2 +- .../template/template-notification-dialog.component.scss | 3 ++- .../template/template-notification-dialog.component.ts | 2 +- 4 files changed, 6 insertions(+), 4 deletions(-) diff --git a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss index 1dfbd7518b..ee0c8aeedc 100644 --- a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss +++ b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss @@ -16,7 +16,7 @@ @import "../../../../../../scss/constants"; :host { - width: 850px; + width: 780px; height: 100%; max-width: 100%; max-height: 100vh; @@ -206,6 +206,7 @@ .mat-horizontal-stepper-wrapper { flex: 1 1 100%; + width: 100%; } .mat-horizontal-content-container { diff --git a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.componet.ts b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.componet.ts index da95bec91d..4d2d184dbd 100644 --- a/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.componet.ts +++ b/ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.componet.ts @@ -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')); this.notificationRequestForm = this.fb.group({ diff --git a/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.scss index 536c5842a9..8583731629 100644 --- a/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.scss +++ b/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.scss @@ -17,7 +17,7 @@ @import "../../../../../../theme"; :host { - width: 850px; + width: 780px; height: 100%; max-width: 100%; max-height: 100vh; @@ -83,6 +83,7 @@ .mat-horizontal-stepper-wrapper { flex: 1 1 100%; + width: 100%; } .mat-horizontal-content-container { diff --git a/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.ts index a2d62c023a..b34e5e5c4f 100644 --- a/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.ts +++ b/ui-ngx/src/app/modules/home/pages/notification/template/template-notification-dialog.component.ts @@ -78,7 +78,7 @@ export class TemplateNotificationDialogComponent 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')); if (isDefinedAndNotNull(this.data?.predefinedType)) {