fix modal backdrop style

ORNL-AMO · Feb 18, 2025 · c20edd1 · c20edd1
1 parent 72621e7
commit c20edd1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/app/calculator/steam/feedwater-economizer/feedwater-economizer.component.html b/src/app/calculator/steam/feedwater-economizer/feedwater-economizer.component.html
@@ -36,7 +36,8 @@ <h3>Feedwater Economizer</h3>
 	</div>
 	<div class="panel-group">
 		<div class="calculator-panel-container modification mh-100"
-			[ngClass]="{'small-screen-tab': smallScreenTab === 'form'}" [ngStyle]="{'height.px': containerHeight}">
+			[ngClass]="{'small-screen-tab': smallScreenTab === 'form', 'modal-open': isModalOpen == true}" 
+			[ngStyle]="{'height.px': containerHeight}">
 			<div class="d-flex flex-column m-4">
 				<app-feedwater-economizer-form [inTreasureHunt]="inTreasureHunt" [settings]="settings">
 				</app-feedwater-economizer-form>
@@ -56,7 +57,8 @@ <h3>Feedwater Economizer</h3>
 
 		<!-- help panel -->
 		<div class="calculator-panel-container help-panel"
-			[ngClass]="{'small-screen-tab': smallScreenTab === 'details'}" [ngStyle]="{'height.px': containerHeight}">
+			[ngClass]="{'small-screen-tab': smallScreenTab === 'details', 'modal-open': isModalOpen == true}" 
+			[ngStyle]="{'height.px': containerHeight}">
 			<div class="d-flex flex-column mh-100">
 				<div class="d-flex flex-wrap tabs primary sticky-top">
 					<div class="flex-fill panel-tab-item h-100" [ngClass]="{'active': tabSelect == 'results'}">

diff --git a/src/app/calculator/steam/feedwater-economizer/feedwater-economizer.component.ts b/src/app/calculator/steam/feedwater-economizer/feedwater-economizer.component.ts
@@ -35,6 +35,8 @@ export class FeedwaterEconomizerComponent implements OnInit {
     }, 100);
   }
   feedWaterInputSub: Subscription;
+  modalopenSub: Subscription;
+  isModalOpen: boolean;
   containerHeight: number;
   tabSelect: string = 'results';
   smallScreenTab: string = 'form';
@@ -66,10 +68,15 @@ export class FeedwaterEconomizerComponent implements OnInit {
         this.calculate();
       }
     });
+
+    this.modalopenSub = this.feedwaterEconomizerService.modalOpen.subscribe(isModalOpen => {
+      this.isModalOpen = isModalOpen;
+    });
   }
 
   ngOnDestroy() {
     this.feedWaterInputSub.unsubscribe();
+    this.modalopenSub.unsubscribe();
     if (this.inTreasureHunt) {
       this.feedwaterEconomizerService.feedwaterEconomizerInput.next(undefined);
     }