fix: elements covered by pinned recipes toolbar

julianpoy · Nov 19, 2023 · 845c23b · 845c23b
1 parent 0adf49a
commit 845c23b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/frontend/src/app/app.component.html b/packages/frontend/src/app/app.component.html
@@ -10,6 +10,9 @@
       (ionWillOpen)="updateNavList()"
       contentId="main-content"
       type="overlay"
+      [class]="{
+        cookingToolbarOpen: cookingToolbarService.pinnedRecipes.length > 0
+      }"
     >
       <ion-header>
         <ion-toolbar color="nav">

diff --git a/packages/frontend/src/app/app.scss b/packages/frontend/src/app/app.scss
@@ -15,8 +15,9 @@ ion-searchbar {
   }
 }
 
-ion-router-outlet.cookingToolbarOpen {
-  bottom: 60px;
+ion-router-outlet.cookingToolbarOpen,
+ion-menu.cookingToolbarOpen {
+  height: calc(100% - 60px);
 }
 
 .bar-button-default-md:hover:not(.disable-hover),