Dasko/GoNtech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Merge grane feature/stagger-kartice: stagger lista-kartica u main.css

Browse Source
This commit is contained in:
Dalibor Marković
2026-06-13 01:32:44 +02:00
parent 40975904f6 40ac5e4632
commit 720cea71ee
8 changed files with 10 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/main.css
+9
View File
@@ -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; }
web/templates/stranice/dobavljaci.html
-10
View File
@@ -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;">
web/templates/stranice/klijenti.html
-10
View File
@@ -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;">
web/templates/stranice/magacin.html
-5
View File
@@ -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>
web/templates/stranice/nabavke.html
-10
View File
@@ -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;">
web/templates/stranice/podsetnici.html
-5
View File
@@ -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}}
web/templates/stranice/prodaja.html
+1 -9
View File
@@ -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>
web/templates/stranice/servis.html
-5
View File
@@ -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; }