From 5c3db0007cc18a210b73114569f5964e4516e45e Mon Sep 17 00:00:00 2001
From: andrej romanov <50377758+auumgn@users.noreply.github.com>
Date: Thu, 25 Jul 2024 18:42:39 +0300
Subject: [PATCH] fix disabled email notification dropdown styling

---
 .../modals/modal-email/modal-email.component.html         | 8 ++++----
 .../modals/modal-email/modal-email.component.scss         | 6 ------
 .../modal-email/modal-email.component.scss-theme.scss     | 4 ++++
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html
index f059a672f..2dc738b0c 100644
--- a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html
+++ b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html
@@ -259,17 +259,17 @@ <h2 class="orc-font-body-large" i18n="@@side-bar.emailAddressesUppercase">
       <mat-form-field
         appearance="outline"
         class="mat-form-field-min select-notifications-email"
+        [ngClass]="{
+          'disabled-select-notifications-email': !hasVerifiedEmailAddress()
+        }"
       >
         <mat-select
           outline="black"
           [aria-label]="
             ariaLabelNotificationsAreSentToEmail + ' ' + primaryEmail?.value
           "
-          [attr.disabled]="!hasVerifiedEmailAddress()"
           (selectionChange)="makePrimary($event.value)"
-          [ngClass]="{
-            'disabled-select-notifications-email': !hasVerifiedEmailAddress()
-          }"
+          [disabled]="!hasVerifiedEmailAddress()"
           placeholder=" {{ primaryEmail?.value }}"
           [(value)]="primaryEmail"
           class="orc-font-body-small"
diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
index f4204483f..5f0e850ac 100644
--- a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
+++ b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss
@@ -115,12 +115,6 @@ mat-form-field {
   font-weight: bold;
 }
 
-.disabled-select-notifications-email {
-  ::ng-deep .mat-select-trigger {
-    cursor: default;
-  }
-}
-
 .add-more {
   margin-top: 16px;
   align-items: center;
diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss-theme.scss b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss-theme.scss
index 20ea5a02e..a75034fb6 100644
--- a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss-theme.scss
+++ b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.scss-theme.scss
@@ -37,6 +37,10 @@
     color: rgba(0, 0, 0, 0.12);
   }
 
+  ::ng-deep .mat-select-placeholder {
+    color: black;
+  }
+
   .disabled-select-notifications-email {
     ::ng-deep .mat-select-placeholder {
       color: rgba(black, 0.6);