From 1d86f564e5964228fbaef696cd56b84741ff0cd8 Mon Sep 17 00:00:00 2001
From: kodi <kodi@lab.local>
Date: Mon, 9 Mar 2026 16:43:02 +0100
Subject: [PATCH] feat (ui): series overlay - afgerond

---
 app/static/app.js          |  13 +++++++------
 app/static/styles.css      |   2 +-
 app/templates/index.html   |   1 -
 data/session_state.sqlite3 | Bin 221184 -> 225280 bytes
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/static/app.js b/app/static/app.js
index 6a49fca..3ccbd3d 100644
--- a/app/static/app.js
+++ b/app/static/app.js
@@ -52,7 +52,6 @@
     closeTvdbModalBtn: document.getElementById("closeTvdbModalBtn"),
     tvdbModalOpenInTabBtn: document.getElementById("tvdbModalOpenInTabBtn"),
     tvdbModalFrame: document.getElementById("tvdbModalFrame"),
-    tvdbModalStatus: document.getElementById("tvdbModalStatus"),
     tvdbModalFallback: document.getElementById("tvdbModalFallback"),
     settingsBtn: document.getElementById("settingsBtn"),
     settingsModal: document.getElementById("settingsModal"),
@@ -225,7 +224,8 @@
   }
 
   function showTvdbModalFallback(message) {
-    el.tvdbModalStatus.textContent = message;
+    const fallbackText = el.tvdbModalFallback.querySelector("p");
+    if (fallbackText) fallbackText.textContent = message;
     el.tvdbModalFallback.classList.remove("hidden");
   }
 
@@ -235,7 +235,11 @@
     el.tvdbModal.classList.remove("hidden");
     el.tvdbModal.setAttribute("aria-hidden", "false");
     el.tvdbModalFallback.classList.add("hidden");
-    el.tvdbModalStatus.textContent = "Loading TVDB preview...";
+    const fallbackText = el.tvdbModalFallback.querySelector("p");
+    if (fallbackText) {
+      fallbackText.textContent =
+        "This page cannot be embedded here. TheTVDB may block framing using browser security headers.";
+    }
 
     clearTvdbModalTimer();
     state.tvdbModalTimer = window.setTimeout(() => {
@@ -249,7 +253,6 @@
     el.tvdbModal.classList.add("hidden");
     el.tvdbModal.setAttribute("aria-hidden", "true");
     el.tvdbModalFrame.removeAttribute("src");
-    el.tvdbModalStatus.textContent = "";
     el.tvdbModalFallback.classList.add("hidden");
   }
 
@@ -950,8 +953,6 @@
     });
     el.tvdbModalFrame.addEventListener("load", () => {
       clearTvdbModalTimer();
-      el.tvdbModalStatus.textContent =
-        "Iframe load event received. If the page is visible, embedding works in this browser.";
       el.tvdbModalFallback.classList.add("hidden");
     });
     el.settingsBtn.addEventListener("click", openSettingsModal);
diff --git a/app/static/styles.css b/app/static/styles.css
index 84bf239..9e0b46c 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -444,7 +444,7 @@ button.secondary {
   min-height: 0;
   border: 1px solid var(--border);
   border-radius: 6px;
-  background: var(--surface-subtle);
+  background: transparent;
 }
 
 .modal-head {
diff --git a/app/templates/index.html b/app/templates/index.html
index 38f8372..36127af 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -201,7 +201,6 @@
             <button id="closeTvdbModalBtn" class="secondary" aria-label="Close TVDB preview">✕</button>
           </div>
         </div>
-        <p id="tvdbModalStatus" class="muted"></p>
         <div id="tvdbModalFallback" class="tvdb-fallback hidden">
           <h4>Embedding blocked or unavailable</h4>
           <p>
diff --git a/data/session_state.sqlite3 b/data/session_state.sqlite3
index 51317f7e1882a82b1d96510b36cb43d7147db1e0..1a892b9ae956c5a99267607c31a4982f6ac3a466 100644
GIT binary patch
delta 1264
zcmaiyPi)gx9LN2fI(CxUj{+TPlPV_Z#KLg$Y}av|4Jg$hy%3GR5==`Qh}%XaY1FVv
z-GoZg?J!LR$`djis%fB!6Dr7{+$N?8v<tL5AW>0iz=g{upobocRCtC<K`r&g()ay7
z{(axq-_y7G(~tRce&!5CQTl|q6P&rxn~s49o{BYt6uuJ+2d^{(R}56lf_eO;nd>pj
z`O09<tYo|dQMvCii&8XsrIBbit@Coh)&`ve-{mD)*A=6~P~!;6NYV@yWyp~SZ=U<a
zo=O~IT`G4Cvz-LKhSQx6yq#-pap|kD_(^w*{kXe*lS}5VVz!rXS8=*GU>AD7-~xWK
zlwNTub;bT`U>8fMS<IFRHH*{bHoI6ZaQ;@8z8Zw#NUJT3EbMVb7!|X(_tA_>EY3E3
z)fw?p`d*LotZY?5N?by!gp7l-mQ<Cbsz-H0mG#8u2qh8Xx<13zyBjdP>$iWu)8kzi
z@l8_j7M$ZB@KgMtZ_-{r^RsXDC?fcuM=kcuqmG7+Zupe^1xkmn-~xOJ|AWuqQ{wU-
zq&Mxs&z`rrQv4ETUyRfI5|IaZ*4+R&5J}n0((8SJM&=0RO?xhIb6l8ByK``hpzv~|
z?Ayg0sf%9&gOO@n#!czmSpSOI{t(LNLP=4U)r6+$2`iHUJ=VX60Y7?hz!cNwusI~{
zF6Hv2esRB98XV4^%nz1A+r&^dKV&*&h-9TnvMecaM=oTKnFU8afVAB*5+(5?-yx^V
z=u_4H{coLq>Nv$=qp4my3~ENe=e|S<#~S;5fBT@f%kvXA0V)1Cd)a-7Ss<B=xPvvO
z8h(prSG=V4rv*ywYq^OQPYhet3f*qa{0aop_>Y@+#zUv7C#ub4vu8}Qij&~SI=ToR
zZrKRC;T)_BOTtaztS}41un5l+rxn3EdmoGnT2j%HvJq8L2MOK^OoK0pMrwxiXd<qn
zgktqggRDyC5=pfqswd=lTzywPI_%o(dB2~Ekwj!Dt|_uoUz`T>L1)8z;&U(`bHrtz
zt1kxW`JNB<))z<VksZ$DGK2N%AN1&NUY^tx2;-D6POdU0G}p>0fg)X`Ya429)y@8<
pNQSy>P4t1Iw2Z9(`@k>aS{Yi`OJJ+C)|8X<kXgzW&D=NNz5#~}VW9v3

delta 615
zcmZ9GJ7^PO0LSl3a=BOTzKV^7Bqfnp8jvL4-Nn0H@X>aNSq!cCm?Y6A^-*gh(IHcs
zL<a?_@uS2=XbX-K<doZ_P+FZ#7ePsoZh{V#AQ>`LzgCdq`v3p_kA-b<VNHDMrE3&L
zY4yMvP<x$CM?nZTqi&GI8_}SD#SQFHP|V-XPv6VuGWo*I;(RV&yuy=+!Y*M3oyC(V
zU}H1pp@9+B;c@63KH52AHsco=yTZQ5%oriY2!RQ4nZ>VCJpPe_=634XkR7q>n8^|#
z>oad<PqFo7pSgZxoFT?9%oK=G7&d1McZlJ|u;ekNQZH!_(f2X4Hbwe|Y1>2yS2ho0
zxal=tZe(~VBv=%D3p?T`u_?}*gIkXT(z-v}ZbNgc9docW{6_v$LzZh9e1-V?j>n#q
zXw3Y4LOSn?CcXQ6$|pE;6rbjn*bW<H(#{+ll@w8S$-=nfu@#sE25klg1i)3UpLbF^
zTN}ZC!);YBfvVx-nN>=<=9&>c2#}xP9<p^viPOv~-J^SCqRQ}<*@~OQxLUX|_X0ey
z&~xy4bWnODEy9%aMcRcyI0v6W3w8)!lp2d4L0O6=kdct}h^DG~95s9`aFS^1iG-|1
zR4t~Vcw?pouBwF75-~ZV#^Z`1A4e#GkS%CG$0<nB!blAx<AS^oscJ+wbY0i1ehYN{
odkb3PfVcy?(ZAxqI;-!ubu<6%TK%%Ebb60GaL}r}vz1r=04pc9iU0rr