From 50315bcc9e52afd5d9debbfdd491e4feba0c679d Mon Sep 17 00:00:00 2001
From: Aaron Axvig <aaron@axvigs.com>
Date: Mon, 3 Aug 2026 21:48:19 -0500
Subject: [PATCH] Use configured position outside recipe mode

---
 MMM-NextcloudCookbook.css | 16 ++++++----------
 README.md                 |  9 ++++++++-
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/MMM-NextcloudCookbook.css b/MMM-NextcloudCookbook.css
index f3a1ff0..200fd69 100644
--- a/MMM-NextcloudCookbook.css
+++ b/MMM-NextcloudCookbook.css
@@ -3,13 +3,6 @@
   box-sizing: border-box;
 }
 
-.MMM-NextcloudCookbook .ncc-idle {
-  position: fixed;
-  right: 18px;
-  top: 18px;
-  z-index: 20;
-}
-
 .MMM-NextcloudCookbook .ncc-active {
   --ncc-type-scale: 1;
 
@@ -22,9 +15,6 @@
 }
 
 .MMM-NextcloudCookbook .ncc-qr {
-  position: absolute;
-  right: 18px;
-  top: 18px;
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -40,6 +30,12 @@
   white-space: nowrap;
 }
 
+.MMM-NextcloudCookbook .ncc-active .ncc-qr {
+  position: absolute;
+  right: 18px;
+  top: 18px;
+}
+
 .MMM-NextcloudCookbook .ncc-qr img {
   width: 164px;
   height: 164px;
diff --git a/README.md b/README.md
index c128113..3e52382 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ link; it should look like `https://cloud.example.test/s/SHARE_TOKEN`.
 ```js
 {
   module: "MMM-NextcloudCookbook",
-  position: "fullscreen_above",
+  position: "bottom_right",
   config: {
     shareUrl: "https://cloud.example.test/s/SHARE_TOKEN",
     controlUrl: "http://mirror.example.test:8080/MMM-NextcloudCookbook/control"
@@ -21,6 +21,11 @@ link; it should look like `https://cloud.example.test/s/SHARE_TOKEN`.
 }
 ```
 
+The configured `position` controls where the QR controller appears during the
+normal MagicMirror layout. When a recipe is activated, the module displays a
+fixed full-screen overlay regardless of that region. Exiting recipe mode
+removes the overlay and returns the QR controller to its configured position.
+
 `controlUrl` is the complete address that should open when someone scans the QR
 code. Use the MagicMirror host name or IP address and port that your phone can
 reach. The module generates the QR image itself; it does not use an external QR
@@ -142,6 +147,8 @@ of the display while the recipe occupies the remaining area. The option should
 support module names and, where multiple instances exist, specific instance
 identifiers. Hiding all other modules should remain the default.
 
+Or maybe it should just be up to the mirror admin to specify a pane (most of the screen) which swaps content to recipe mode or not.
+
 ## Development
 
 ```bash