fix(ui): mobilne ispravke u prikazu i čitljivosti preko slike

- magacin: dugme Premesti na mobilnom — dialog je imao duplirani id (tabela i
  kartica), pa je getElementById otvarao skriveni tabelarni modal; id sada nosi
  prefiks tab/kart
- kategorije: „Nazad na magacin" koristi klasu .nazad-link (vidljiv, i preko slike
  dobija glass podlogu + belu boju + senku)
- nabavka: „+ Dodaj stavku" na mobilnom — inline display:none je gazio @media, pa
  mobilne kartice stavki nisu prikazane; display sada kontroliše samo CSS klasa
- podsetnici: prazno stanje (mobilni) umotano u .kartica da bude čitljivo preko slike
- base: jača podloga topbara i senka naslova preko svetle slike na mobilnom
This commit is contained in:
2026-06-13 23:15:27 +02:00
parent 1feab0d3dd
commit cbc25ad1f7
5 changed files with 20 additions and 9 deletions
+6 -5
View File
@@ -85,7 +85,7 @@
</a>
{{end}}
{{if index $.Dozvole "artikal.premesti"}}{{if $.Kategorije}}
{{template "premestiMeni" (dict "ID" .ID "Kategorije" $.Kategorije)}}
{{template "premestiMeni" (dict "ID" .ID "Kategorije" $.Kategorije "Prefiks" "tab")}}
{{end}}{{end}}
{{if index $.Dozvole "artikal.obrisi"}}
<a href="/magacin/obrisi/{{.ID}}" class="btn-obrisi-malo"
@@ -124,7 +124,7 @@
<a href="/magacin/izmeni/{{.ID}}" class="btn-primarno-malo">Izmeni</a>
{{end}}
{{if index $.Dozvole "artikal.premesti"}}{{if $.Kategorije}}
{{template "premestiMeni" (dict "ID" .ID "Kategorije" $.Kategorije)}}
{{template "premestiMeni" (dict "ID" .ID "Kategorije" $.Kategorije "Prefiks" "kart")}}
{{end}}{{end}}
{{if index $.Dozvole "artikal.obrisi"}}
<a href="/magacin/obrisi/{{.ID}}" class="btn-obrisi-malo"
@@ -162,9 +162,10 @@
{{/* padajući meni za premeštanje artikla — prima dict {ID, Kategorije}; koristi se i u tabeli i u mobilnoj kartici */}}
{{define "premestiMeni"}}
<button type="button" class="btn-primarno-malo" style="align-self:center;"
onclick="document.getElementById('premesti-{{.ID}}').showModal()">Premesti</button>
{{/* nativni modal — showModal() ga stavlja u „top layer", pa je uvek iznad svega bez obzira na z-index/overflow */}}
<dialog id="premesti-{{.ID}}" class="premesti-modal" onclick="if(event.target===this)this.close()">
onclick="document.getElementById('premesti-{{.Prefiks}}-{{.ID}}').showModal()">Premesti</button>
{{/* nativni modal — showModal() ga stavlja u „top layer", pa je uvek iznad svega bez obzira na z-index/overflow.
Prefiks (tab/kart) čini id jedinstvenim — isti artikal se renderuje i u tabeli i u mobilnoj kartici. */}}
<dialog id="premesti-{{.Prefiks}}-{{.ID}}" class="premesti-modal" onclick="if(event.target===this)this.close()">
{{/* zaglavlje sa dugmetom za zatvaranje; method="dialog" zatvara modal bez slanja */}}
<form method="dialog" class="premesti-zaglavlje">
<h3>Premesti artikal</h3>