From 78f33f0ca40af8b57d2d5ebba70fc06202c5ffcf Mon Sep 17 00:00:00 2001
From: d11n <mail@dennisreimann.de>
Date: Mon, 3 Mar 2025 14:27:49 +0100
Subject: [PATCH] UI: Allow iframe context to get defined by opener (#6615)

The CSS to hide certain elements in the iframe context was introduced in #6574.

The mechanism to define the iframe context is now shifted to the opener, so that we can limit that behaviour to the mobile app.

Closes #6614.
---
 BTCPayServer/Views/Shared/LayoutHeadTheme.cshtml | 2 +-
 BTCPayServer/wwwroot/main/site.css               | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/BTCPayServer/Views/Shared/LayoutHeadTheme.cshtml b/BTCPayServer/Views/Shared/LayoutHeadTheme.cshtml
index 5914a188d..cfe0f20e4 100644
--- a/BTCPayServer/Views/Shared/LayoutHeadTheme.cshtml
+++ b/BTCPayServer/Views/Shared/LayoutHeadTheme.cshtml
@@ -4,7 +4,7 @@
 
 <script>
     if (window.localStorage.getItem('btcpay-hide-sensitive-info') === 'true') { document.documentElement.setAttribute('data-hide-sensitive-info', 'true')}
-    if (window.location !== window.parent.location) { document.documentElement.setAttribute('data-within-iframe', 'true')}
+    if (window.location !== window.parent.location) { window.addEventListener('message', function(event) { try { const data = JSON.parse(event.data); if (data.context) { document.documentElement.setAttribute('data-context', data.context) } } catch {} }, false); }
 </script>
 @if (Theme.CustomTheme && Theme.CustomThemeCssUrl is not null)
 {   // new customization uses theme file id provided by upload
diff --git a/BTCPayServer/wwwroot/main/site.css b/BTCPayServer/wwwroot/main/site.css
index 0bb1a92a1..d610a3344 100644
--- a/BTCPayServer/wwwroot/main/site.css
+++ b/BTCPayServer/wwwroot/main/site.css
@@ -28,8 +28,8 @@
 }
 
 /* Iframe context */
-[data-within-iframe] #StoreLink,
-[data-within-iframe] .store-footer {
+[data-context="btcpayapp"] #Checkout #StoreLink,
+[data-context="btcpayapp"] #Checkout .store-footer {
     display: none;
 }