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

refactor(css): stagger kartica na stranicama profila/podešavanja na jedno mesto

Browse Source 
Isti .animiraj:nth-child stagger (korak 0.06s) bio je dupliran u 7
template <style> blokova (admin_profil, admin_login_istorija, profil_tema,
podesavanja i 3 podstranice). Prebačen u main.css kao
.stranica-stack .animiraj:nth-child(N); descendant selektor čuva isto
ponašanje po neposrednom roditelju, a klasa .stranica-stack sprečava
curenje na ostatak programa. Sad radi i pod HTMX navigacijom, menja se
na jednom mestu.
This commit is contained in:
Dalibor Marković
2026-06-13 08:33:13 +02:00
parent dc6c04cf0a
commit d5b4c820f3
8 changed files with 19 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/main.css
+10
View File
@@ -1003,6 +1003,16 @@ select {
[class*="-kartice"] > .animiraj:nth-child(4) { animation-delay: 0.22s; }
[class*="-kartice"] > .animiraj:nth-child(5) { animation-delay: 0.28s; }
/* Stagger naslaganih .kartica.animiraj na stranicama podešavanja/profila — JEDNO mesto.
Descendant selektor (razmak, ne >): nth-child se računa po neposrednom roditelju kao i
ranije, a .stranica-stack na wrapperu sprečava da pravilo curi na liste/forme drugih
strana. Mora u main.css jer HTMX navigacija odbacuje <head>. Menjaš na JEDNOM mestu. */
.stranica-stack .animiraj:nth-child(1) { animation-delay: 0.10s; }
.stranica-stack .animiraj:nth-child(2) { animation-delay: 0.16s; }
.stranica-stack .animiraj:nth-child(3) { animation-delay: 0.22s; }
.stranica-stack .animiraj:nth-child(4) { animation-delay: 0.28s; }
.stranica-stack .animiraj:nth-child(5) { animation-delay: 0.34s; }
/* Bedž statusa servisnog naloga — JEDNO mesto za izgled i boje statusa (lista i detalji).
Mora biti u main.css: HTMX navigacija odbacuje <head>, pa page <style> ne bi važio. */
.status-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; white-space: nowrap; }