From 27295a3bcd8f88d24313a8641c75fe3b5d493be4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 09:39:53 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20vidljivost=20elemenata=20van=20karti?=
 =?UTF-8?q?ca=20preko=20pozadinske=20slike=20Glass=20override=20je=20davao?=
 =?UTF-8?q?=20svetli=20tekst=20i=20staklenu=20podlogu=20samo=20karticama,?=
 =?UTF-8?q?=20tabelama=20i=20sidebaru=20=E2=80=94=20elementi=20van=20karti?=
 =?UTF-8?q?ca=20(.nazad-link,=20.btn-sekundarno,=20.btn-obrisi-ghost,=20ch?=
 =?UTF-8?q?eckbox-traka=20=E2=80=9ESamo=20aktivni")=20i=20goli=20<div>=20n?=
 =?UTF-8?q?apomene=20(=E2=80=9Emaksimum=20N=20MB")=20ostajali=20su=20u=20p?=
 =?UTF-8?q?rigu=C5=A1enoj=20boji=20i=20jedva=20se=20videli.=20Dodata=20pra?=
 =?UTF-8?q?vila=20u=20glass=20blok:=20pomenuti=20elementi=20dobijaju=20sop?=
 =?UTF-8?q?stvenu=20staklenu=20pill-podlogu=20(poluprovidna=20+=20blur=20+?=
 =?UTF-8?q?=20svetli=20border=20+=20svetli=20tekst),=20pa=20se=20vide=20be?=
 =?UTF-8?q?z=20obzira=20da=20li=20je=20slika=20tamna=20ili=20svetla.=20Nap?=
 =?UTF-8?q?omene=20dobile=20klasu=20.pomocni-tekst=20da=20ih=20override=20?=
 =?UTF-8?q?dohvati;=20checkbox-traka=20klasu=20.cek-filter.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/templates/stranice/podesavanja_izgled.html |  2 +-
 web/templates/stranice/podesavanja_opste.html  |  2 +-
 web/templates/stranice/podsetnici.html         |  2 +-
 web/templates/stranice/profil_tema.html        |  2 +-
 web/templates/teme/podrazumevana/base.html     | 13 +++++++++++++
 5 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/web/templates/stranice/podesavanja_izgled.html b/web/templates/stranice/podesavanja_izgled.html
index 935fbf9..41ef46d 100644
--- a/web/templates/stranice/podesavanja_izgled.html
+++ b/web/templates/stranice/podesavanja_izgled.html
@@ -47,7 +47,7 @@
                     Otpremi sliku
                 </button>
             </div>
-            <div style="font-size:12px;color:var(--tekst-sporedni);margin-top:6px;">JPG, PNG ili WebP — maksimum 5 MB</div>
+            <div class="pomocni-tekst" style="font-size:12px;margin-top:6px;">JPG, PNG ili WebP — maksimum 5 MB</div>
         </form>
 
         <div x-data="loginPozadinaPreview"
diff --git a/web/templates/stranice/podesavanja_opste.html b/web/templates/stranice/podesavanja_opste.html
index 12fc5fc..96480c8 100644
--- a/web/templates/stranice/podesavanja_opste.html
+++ b/web/templates/stranice/podesavanja_opste.html
@@ -37,7 +37,7 @@
                     Otpremi logo
                 </button>
             </div>
-            <div style="font-size:12px;color:var(--tekst-sporedni);margin-top:6px;">PNG, JPG ili SVG — maksimum 2 MB</div>
+            <div class="pomocni-tekst" style="font-size:12px;margin-top:6px;">PNG, JPG ili SVG — maksimum 2 MB</div>
         </div>
     </form>
 
diff --git a/web/templates/stranice/podsetnici.html b/web/templates/stranice/podsetnici.html
index 2972874..37f9c5e 100644
--- a/web/templates/stranice/podsetnici.html
+++ b/web/templates/stranice/podsetnici.html
@@ -24,7 +24,7 @@
     <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
         <a href="/podsetnici/novi" class="btn-primarno">+ Novi podsetnik</a>
         <form method="GET" action="/podsetnici" style="display:flex;gap:8px;align-items:center;flex:1;min-width:200px;flex-wrap:wrap;">
-            <label style="display:flex;align-items:center;gap:6px;font-size:14px;color:var(--tekst-sporedni);cursor:pointer;white-space:nowrap;">
+            <label class="cek-filter" style="display:flex;align-items:center;gap:6px;font-size:14px;color:var(--tekst-sporedni);cursor:pointer;white-space:nowrap;">
                 <input type="checkbox" name="samo_aktivni" value="1" {{if .SamoAktivni}}checked{{end}}
                     onchange="this.form.submit()"
                     style="width:auto;padding:0;border:none !important;background:none !important;">
diff --git a/web/templates/stranice/profil_tema.html b/web/templates/stranice/profil_tema.html
index be51dbc..3a5d53c 100644
--- a/web/templates/stranice/profil_tema.html
+++ b/web/templates/stranice/profil_tema.html
@@ -112,7 +112,7 @@
                     Otpremi sliku
                 </button>
             </div>
-            <div style="font-size:12px;color:var(--tekst-sporedni);">JPG, PNG ili WebP — maksimum 5 MB</div>
+            <div class="pomocni-tekst" style="font-size:12px;">JPG, PNG ili WebP — maksimum 5 MB</div>
         </form>
 
         <div x-data="lokalnaPozadinaPreview"
diff --git a/web/templates/teme/podrazumevana/base.html b/web/templates/teme/podrazumevana/base.html
index a0be9ba..7ca41fa 100644
--- a/web/templates/teme/podrazumevana/base.html
+++ b/web/templates/teme/podrazumevana/base.html
@@ -64,6 +64,19 @@
       tr:hover { background: rgba(0,0,0,0.35); }
       thead th { background: rgba(0,0,0,0.4) !important; }
       div:has(> canvas) { background: rgba(0,0,0,0.3); border-radius: 8px; padding: 8px; }
+      /* elementi van kartica (i preskočeni tagovi) koje glass override gore ne dohvata —
+         dobijaju sopstvenu staklenu podlogu da se vide bez obzira na sliku ispod */
+      .nazad-link, .btn-sekundarno, .btn-obrisi-ghost, .cek-filter {
+        background: rgba(0,0,0,0.28) !important;
+        backdrop-filter: blur({{.AppPozadinaBlur}}px); -webkit-backdrop-filter: blur({{.AppPozadinaBlur}}px);
+        border: 1px solid rgba(255,255,255,0.18) !important;
+        color: rgba(255,255,255,0.95) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8);
+      }
+      /* .nazad-link i checkbox-traka nemaju sopstveni padding — dajemo „pill" oblik */
+      .nazad-link, .cek-filter { padding: 6px 12px; border-radius: 8px; }
+      .nazad-link svg, .btn-sekundarno svg, .cek-filter svg { color: rgba(255,255,255,0.95) !important; stroke: rgba(255,255,255,0.95) !important; }
+      /* sitne napomene (npr. „maksimum 5 MB") — svetli tekst + halo, bez podloge */
+      .pomocni-tekst { color: rgba(255,255,255,0.9) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
     </style>
     <script>
     document.addEventListener('DOMContentLoaded', function() {