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

refactor(css): animacije poruka iz dupliranih <style> u main.css

Browse Source 
.poruka-animacija (10 fajlova) i .greska-animacija (7 fajlova) bile su identično
duplirane po stranicama; keyframes (slideDown/shake) su već bili u main.css.
Izdvojene klase u main.css uz keyframes, uklonjeni duplikati. Forma-strane
(dobavljac/podsetnik/magacin/servis_forma) ostale prazan dodatni-css blok →
uklonjen (base.html koristi {{block}} sa difoltom, pa je bezbedno izostaviti).

HTML class= upotrebe netaknute; build, handler testovi i parsiranje prolaze.
This commit is contained in:
Dalibor Marković
2026-06-13 01:11:50 +02:00
parent 9440740c61
commit 5f60964b7e
18 changed files with 4 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/main.css
+4
View File
@@ -970,6 +970,10 @@ select {
80% { transform: translateX(4px); }
}
/* animacije flash/inline poruka (keyframes iznad) */
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.greska-animacija { animation: shake 0.4s ease; }
.animiraj {
animation: fadeInUp 0.2s ease both;
}
web/templates/stranice/admin_korisnici.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.korisnici-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.korisnici-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
web/templates/stranice/dobavljac_forma.html
-6
View File
@@ -2,12 +2,6 @@
{{define "naslov"}}{{if .Izmena}}Izmeni dobavljača{{else}}Novi dobavljač{{end}} — NTech{{end}}
{{define "dodatni-css"}}
<style>
.greska-animacija { animation: shake 0.4s ease; }
</style>
{{end}}
{{define "sadrzaj"}}
<div style="width:100%;">
web/templates/stranice/dobavljaci.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.dobavljaci-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.dobavljaci-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
.dobavljaci-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
web/templates/stranice/kategorije.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.kat-forma-kartica { animation-delay: 0.04s; }
.kat-red:nth-child(1) { animation-delay: 0.12s; }
.kat-red:nth-child(2) { animation-delay: 0.18s; }
web/templates/stranice/klijent_forma.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.greska-animacija { animation: shake 0.4s ease; }
.tip-radio { display:flex; gap:12px; }
.tip-radio label {
display:flex; align-items:center; gap:6px;
web/templates/stranice/klijenti.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.klijenti-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.klijenti-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
.klijenti-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
web/templates/stranice/magacin_forma.html
-6
View File
@@ -2,12 +2,6 @@
{{define "naslov"}}{{if .Izmena}}Izmeni artikal{{else}}Novi artikal{{end}} — NTech{{end}}
{{define "dodatni-css"}}
<style>
.greska-animacija { animation: shake 0.4s ease; }
</style>
{{end}}
{{define "sadrzaj"}}
<div style="width:100%;">
web/templates/stranice/nabavka_forma.html
-1
View File
@@ -7,7 +7,6 @@
@keyframes modalIn { from { opacity: 0; transform: translateY(-16px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
.forma-kartica:nth-child(1) { animation-delay: 0.04s; }
.forma-kartica:nth-child(2) { animation-delay: 0.12s; }
.greska-animacija { animation: shake 0.4s ease; }
.modal-sadrzaj { animation: modalIn 0.25s ease forwards; }
</style>
{{end}}
web/templates/stranice/nabavke.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.nabavke-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.nabavke-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
.nabavke-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
web/templates/stranice/podsetnici.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.pod-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.pod-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
web/templates/stranice/podsetnik_forma.html
-6
View File
@@ -2,12 +2,6 @@
{{define "naslov"}}{{if .Izmena}}Izmeni podsetnik{{else}}Novi podsetnik{{end}} — NTech{{end}}
{{define "dodatni-css"}}
<style>
.greska-animacija { animation: shake 0.4s ease; }
</style>
{{end}}
{{define "sadrzaj"}}
<div style="width:100%;">
web/templates/stranice/prodaja.html
-1
View File
@@ -1,6 +1,5 @@
{{template "base" .}} {{define "naslov"}}Prodaja — NTech{{end}} {{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.prodaja-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.prodaja-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
.prodaja-tabela tbody tr:nth-child(3) { animation-delay: 0.12s; }
web/templates/stranice/prodaja_detalji.html
-1
View File
@@ -4,7 +4,6 @@
.detalji-kartica:nth-child(1) { animation-delay: 0.04s; }
.detalji-kartica:nth-child(2) { animation-delay: 0.12s; }
.detalji-kartica:nth-child(3) { animation-delay: 0.2s; }
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
</style>
{{end}} {{define "sadrzaj"}}
<div style="display: flex; flex-direction: column; gap: 16px">
web/templates/stranice/prodaja_forma.html
-1
View File
@@ -3,7 +3,6 @@
<style>
.forma-kartica:nth-child(1) { animation-delay: 0.04s; }
.forma-kartica:nth-child(2) { animation-delay: 0.12s; }
.greska-animacija { animation: shake 0.4s ease; }
@media (max-width: 768px) { .stavke-tabela-wrapper { display: none; } .stavke-kartice { display: flex !important; } }
</style>
{{end}} {{define "sadrzaj"}}
web/templates/stranice/servis.html
-1
View File
@@ -4,7 +4,6 @@
{{define "dodatni-css"}}
<style>
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.servis-tabela tbody tr:nth-child(1) { animation-delay: 0.04s; }
.servis-tabela tbody tr:nth-child(2) { animation-delay: 0.08s; }
web/templates/stranice/servis_detalji.html
-1
View File
@@ -9,7 +9,6 @@
.detalji-kartica:nth-child(3) { animation-delay: 0.20s; }
.detalji-kartica:nth-child(4) { animation-delay: 0.28s; }
.detalji-kartica:nth-child(5) { animation-delay: 0.36s; }
.poruka-animacija { animation: slideDown 0.3s ease forwards; }
.status-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 500; white-space: nowrap; }
.status-primljeno { background: rgba(148,163,184,0.15); color: #94a3b8; }
.status-dijagnostika { background: rgba(59,130,246,0.15); color: #3b82f6; }
web/templates/stranice/servis_forma.html
-7
View File
@@ -2,13 +2,6 @@
{{define "naslov"}}{{if .Izmena}}Izmeni nalog{{else}}Novi nalog{{end}} — NTech{{end}}
{{define "dodatni-css"}}
<style>
.greska-animacija { animation: shake 0.4s ease; }
</style>
{{end}}
{{define "sadrzaj"}}
<div style="width:100%;">