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

refactor(css): stagger mobilnih lista-kartica na jedno mesto u main.css

Browse Source 
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.
This commit is contained in:
Dalibor Marković
2026-06-13 01:32:44 +02:00
parent 40975904f6
commit 40ac5e4632
8 changed files with 10 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
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; }