From 40ac5e4632e22a59abf69b9671847b04bcdf07a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 01:32:44 +0200
Subject: [PATCH] refactor(css): stagger mobilnih lista-kartica na jedno mesto
 u main.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mobilni parnjak prethodnog (tabele): 7 lista-kartica klasa (prodaja/servis/magacin/
pod/klijent/dobavljac/nabavka-kartica) imale su identičan :nth-child stagger
(0.06s korak do 5). Uvedeno jedno pravilo [class*="-kartice"] > .animiraj:nth-child
u main.css; uklonjeni per-page blokovi. Drugi tipovi kartica (detalji/forma/
dashboard/izvestaji) imaju svoj stagger i ostaju po strani.

4 strane (nabavke/klijenti/prodaja/dobavljaci) ostale prazan dodatni-css blok →
uklonjen. Bez HTML izmena u sadržaju; radi i pod HTMX-om. Animacija lista-kartica
se sada menja na JEDNOM mestu.
---
 web/static/css/main.css                |  9 +++++++++
 web/templates/stranice/dobavljaci.html | 10 ----------
 web/templates/stranice/klijenti.html   | 10 ----------
 web/templates/stranice/magacin.html    |  5 -----
 web/templates/stranice/nabavke.html    | 10 ----------
 web/templates/stranice/podsetnici.html |  5 -----
 web/templates/stranice/prodaja.html    | 10 +---------
 web/templates/stranice/servis.html     |  5 -----
 8 files changed, 10 insertions(+), 54 deletions(-)

diff --git a/web/static/css/main.css b/web/static/css/main.css
index da4f860..57a3b37 100644
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@@ -994,6 +994,15 @@ select {
 .tabela tbody tr:nth-child(9)  { animation-delay: 0.36s; }
 .tabela tbody tr:nth-child(10) { animation-delay: 0.40s; }
 
+/* Stagger mobilnih lista-kartica (parnjak gornjeg za tabele). Pogađa kartice
+   unutar bilo kog .X-kartice kontejnera; ostali tipovi kartica (detalji/forma/
+   dashboard) imaju svoj stagger po strani. Menjaš na JEDNOM mestu. */
+[class*="-kartice"] > .animiraj:nth-child(1) { animation-delay: 0.04s; }
+[class*="-kartice"] > .animiraj:nth-child(2) { animation-delay: 0.10s; }
+[class*="-kartice"] > .animiraj:nth-child(3) { animation-delay: 0.16s; }
+[class*="-kartice"] > .animiraj:nth-child(4) { animation-delay: 0.22s; }
+[class*="-kartice"] > .animiraj:nth-child(5) { animation-delay: 0.28s; }
+
 /* responsive prikaz — tabela/kartice za sve liste (mora biti u main.css jer HTMX ne učitava head ponovo) */
 .nabavke-kartice  { display: none; flex-direction: column; gap: 12px; }
 .dobavljaci-kartice { display: none; flex-direction: column; gap: 12px; }
diff --git a/web/templates/stranice/dobavljaci.html b/web/templates/stranice/dobavljaci.html
index a08f450..bf7e03f 100644
--- a/web/templates/stranice/dobavljaci.html
+++ b/web/templates/stranice/dobavljaci.html
@@ -2,16 +2,6 @@
 
 {{define "naslov"}}Dobavljači — NTech{{end}}
 
-{{define "dodatni-css"}}
-<style>
-  .dobavljac-kartica:nth-child(1) { animation-delay: 0.04s; }
-  .dobavljac-kartica:nth-child(2) { animation-delay: 0.10s; }
-  .dobavljac-kartica:nth-child(3) { animation-delay: 0.16s; }
-  .dobavljac-kartica:nth-child(4) { animation-delay: 0.22s; }
-  .dobavljac-kartica:nth-child(5) { animation-delay: 0.28s; }
-</style>
-{{end}}
-
 {{define "sadrzaj"}}
 <div class="kolona" style="gap:16px;">
 
diff --git a/web/templates/stranice/klijenti.html b/web/templates/stranice/klijenti.html
index eb812ec..b673268 100644
--- a/web/templates/stranice/klijenti.html
+++ b/web/templates/stranice/klijenti.html
@@ -2,16 +2,6 @@
 
 {{define "naslov"}}Klijenti — NTech{{end}}
 
-{{define "dodatni-css"}}
-<style>
-    .klijent-kartica:nth-child(1) { animation-delay: 0.04s; }
-    .klijent-kartica:nth-child(2) { animation-delay: 0.10s; }
-    .klijent-kartica:nth-child(3) { animation-delay: 0.16s; }
-    .klijent-kartica:nth-child(4) { animation-delay: 0.22s; }
-    .klijent-kartica:nth-child(5) { animation-delay: 0.28s; }
-</style>
-{{end}}
-
 {{define "sadrzaj"}}
 <div class="kolona" style="gap:16px;">
 
diff --git a/web/templates/stranice/magacin.html b/web/templates/stranice/magacin.html
index c52798e..777dd3f 100644
--- a/web/templates/stranice/magacin.html
+++ b/web/templates/stranice/magacin.html
@@ -4,11 +4,6 @@
 
 {{define "dodatni-css"}}
 <style>
-    .magacin-kartica:nth-child(1) { animation-delay: 0.04s; }
-    .magacin-kartica:nth-child(2) { animation-delay: 0.10s; }
-    .magacin-kartica:nth-child(3) { animation-delay: 0.16s; }
-    .magacin-kartica:nth-child(4) { animation-delay: 0.22s; }
-    .magacin-kartica:nth-child(5) { animation-delay: 0.28s; }
 
     /* CSS modala „premesti" je u main.css — mora preživeti HTMX swap (header se ne menja) */
 </style>
diff --git a/web/templates/stranice/nabavke.html b/web/templates/stranice/nabavke.html
index e3c5712..842bad1 100644
--- a/web/templates/stranice/nabavke.html
+++ b/web/templates/stranice/nabavke.html
@@ -2,16 +2,6 @@
 
 {{define "naslov"}}Nabavke — NTech{{end}}
 
-{{define "dodatni-css"}}
-<style>
-    .nabavka-kartica:nth-child(1) { animation-delay: 0.04s; }
-    .nabavka-kartica:nth-child(2) { animation-delay: 0.10s; }
-    .nabavka-kartica:nth-child(3) { animation-delay: 0.16s; }
-    .nabavka-kartica:nth-child(4) { animation-delay: 0.22s; }
-    .nabavka-kartica:nth-child(5) { animation-delay: 0.28s; }
-</style>
-{{end}}
-
 {{define "sadrzaj"}}
 <div class="kolona" style="gap:16px;">
 
diff --git a/web/templates/stranice/podsetnici.html b/web/templates/stranice/podsetnici.html
index 3493865..2972874 100644
--- a/web/templates/stranice/podsetnici.html
+++ b/web/templates/stranice/podsetnici.html
@@ -6,11 +6,6 @@
 <style>
 
 
-    .pod-kartica:nth-child(1) { animation-delay: 0.04s; }
-    .pod-kartica:nth-child(2) { animation-delay: 0.10s; }
-    .pod-kartica:nth-child(3) { animation-delay: 0.16s; }
-    .pod-kartica:nth-child(4) { animation-delay: 0.22s; }
-    .pod-kartica:nth-child(5) { animation-delay: 0.28s; }
     .red-prekoracen td { background: rgba(207, 87, 87, 0.06); }
 </style>
 {{end}}
diff --git a/web/templates/stranice/prodaja.html b/web/templates/stranice/prodaja.html
index 1ab79d5..a9dfa3d 100644
--- a/web/templates/stranice/prodaja.html
+++ b/web/templates/stranice/prodaja.html
@@ -1,12 +1,4 @@
-{{template "base" .}} {{define "naslov"}}Prodaja — NTech{{end}} {{define "dodatni-css"}}
-<style>
-  .prodaja-kartica:nth-child(1) { animation-delay: 0.04s; }
-  .prodaja-kartica:nth-child(2) { animation-delay: 0.1s; }
-  .prodaja-kartica:nth-child(3) { animation-delay: 0.16s; }
-  .prodaja-kartica:nth-child(4) { animation-delay: 0.22s; }
-  .prodaja-kartica:nth-child(5) { animation-delay: 0.28s; }
-</style>
-{{end}} {{define "sadrzaj"}}
+{{template "base" .}} {{define "naslov"}}Prodaja — NTech{{end}} {{define "sadrzaj"}}
 <div style="display: flex; flex-direction: column; gap: 16px">
     {{if .Sacuvano}}
     <div class="poruka-uspeh poruka-animacija">Prodaja je uspešno sačuvana.</div>
diff --git a/web/templates/stranice/servis.html b/web/templates/stranice/servis.html
index 204b804..cb93ef0 100644
--- a/web/templates/stranice/servis.html
+++ b/web/templates/stranice/servis.html
@@ -6,11 +6,6 @@
 <style>
 
 
-    .servis-kartica:nth-child(1) { animation-delay: 0.04s; }
-    .servis-kartica:nth-child(2) { animation-delay: 0.10s; }
-    .servis-kartica:nth-child(3) { animation-delay: 0.16s; }
-    .servis-kartica:nth-child(4) { animation-delay: 0.22s; }
-    .servis-kartica:nth-child(5) { animation-delay: 0.28s; }
     .status-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; white-space: nowrap; }
 
     .status-primljeno    { background: rgba(148,163,184,0.15); color: #94a3b8; }