From 77d82f22dc7b5a3f4a51e4c995d963d0eabdee7c Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Sun, 30 Sep 2018 09:41:22 +0200
Subject: [PATCH] Fixed scrolling did not work when showing a recipe in
 fullscreen mode (fixes #76)

---
 public/css/grocy.css     | 13 +++++++------
 public/viewjs/recipes.js |  1 +
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/css/grocy.css b/public/css/grocy.css
index 97f4fa8d..93802c5e 100644
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -50,12 +50,13 @@ a.discrete-link:focus {
 }
 
 .fullscreen {
-	z-index: 9999; 
-	width: 100%; 
-	height: 100%; 
-	position: fixed; 
-	top: 0; 
-	left: 0; 
+	z-index: 9999;
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	overflow: auto;
  }
 
  .form-check-input.is-valid ~ .form-check-label,
diff --git a/public/viewjs/recipes.js b/public/viewjs/recipes.js
index b2fa6117..cb11ad21 100644
--- a/public/viewjs/recipes.js
+++ b/public/viewjs/recipes.js
@@ -158,4 +158,5 @@ recipesTables.on('select', function(e, dt, type, indexes)
 $("#selectedRecipeToggleFullscreenButton").on('click', function(e)
 {
 	$("#selectedRecipeCard").toggleClass("fullscreen");
+	$("#selectedRecipeCard .card-header").toggleClass("fixed-top");
 });