From ac4fc780f34dee668b5689de1636ab6ba62fdc18 Mon Sep 17 00:00:00 2001
From: julianpoyourow <julian@poyourow.com>
Date: Sun, 19 Nov 2023 03:51:47 +0000
Subject: [PATCH] fix: elements covered by pinned recipes toolbar

---
 packages/frontend/src/app/app.component.html | 3 +++
 packages/frontend/src/app/app.scss           | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/app/app.component.html b/packages/frontend/src/app/app.component.html
index f4372e2a5..60c15d19f 100644
--- 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
index 350660e18..52379d655 100644
--- 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),