try to fix

kolzchut · Jan 26, 2025 · 705d67b · 705d67b
1 parent 14a58d0
commit 705d67b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/projects/srm/src/app/page/page.component.html b/projects/srm/src/app/page/page.component.html
@@ -66,21 +66,21 @@
                 </app-results-drawer>                
             </div>
         }
-        @if (layout.desktop() && searchParams) {
-            <app-search-results-page
-                [class.visible]='layout.desktop() && stage === "search-results"'
-                [searchParams]='searchParams'
-                [serachResultsActive]="stage === 'search-results'"
-                [didYouMean]='didYouMean'
-                [searchState]='searchState'
-                [filtersState]='filtersState'
-                [areaSearchState]='areaSearchState'
-                (zoomout)='zoomOutMap($event)'
-                (visibleCount)='visibleCount = $event'
-                (nationalCount)='nationalCount = $event'
-                (hoverCard)='hoverCard($event)'
-            ></app-search-results-page>
-        }
+
+        <app-search-results-page
+            *ngIf='layout.desktop() && searchParams'
+            [class.selected]='stage === "search-results"'
+            [searchParams]='searchParams'
+            [serachResultsActive]="stage === 'search-results'"
+            [didYouMean]='didYouMean'
+            [searchState]='searchState'
+            [filtersState]='filtersState'
+            [areaSearchState]='areaSearchState'
+            (zoomout)='zoomOutMap($event)'
+            (visibleCount)='visibleCount = $event'
+            (nationalCount)='nationalCount = $event'
+            (hoverCard)='hoverCard($event)'
+        />
         @if (stage === 'point') {
             <app-branch-container
                 [cardId]='card' 

diff --git a/projects/srm/src/app/page/page.component.less b/projects/srm/src/app/page/page.component.less
@@ -17,6 +17,11 @@
         height: 100%;
 
     }
+
+    .selected {
+        display: flex;
+    }
+
     .page-container {
         position: absolute;
         top: 0;
@@ -89,7 +94,6 @@
                     &.visible {
                         display: flex;
                     }
-
                     .content {
                         display: none;