Logo u topbaru: svič ga pokazuje/skriva odmah bez reloda cele strane

This commit is contained in:
2026-06-20 13:57:22 +02:00
parent 070f9384cf
commit 6f0ad3f29c
4 changed files with 11 additions and 3 deletions
+2
View File
@@ -334,6 +334,8 @@ body {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
} }
.topbar-logo { height: 34px; width: auto; border-radius: 6px; flex-shrink: 0; } .topbar-logo { height: 34px; width: auto; border-radius: 6px; flex-shrink: 0; }
/* sakrivanje preko klase (ne inline display) da mobilni @media koji gasi logo ostane nadređen */
.topbar-logo.skriven { display: none; }
/* sadržaj stranice */ /* sadržaj stranice */
.sadrzaj { .sadrzaj {
+2 -2
View File
@@ -10,8 +10,8 @@
</svg> </svg>
</button> </button>
{{if and .TopbarLogoSlika .LogoPutanja}} {{if .LogoPutanja}}
<img src="{{.LogoPutanja}}" alt="Logo" class="topbar-logo"> <img src="{{.LogoPutanja}}" alt="Logo" class="topbar-logo{{if not .TopbarLogoSlika}} skriven{{end}}">
{{end}} {{end}}
<span class="topbar-naslov">{{.NaslovStranice}}</span> <span class="topbar-naslov">{{.NaslovStranice}}</span>
@@ -50,7 +50,7 @@
</div> </div>
<!-- firma: naziv, podnazlov, adresa, telefon, PIB, logo zona --> <!-- firma: naziv, podnazlov, adresa, telefon, PIB, logo zona -->
<form method="POST" action="/podesavanja/sacuvaj" data-full-reload> <form method="POST" action="/podesavanja/sacuvaj">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}"> <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<input type="hidden" name="_next" value="/admin/podesavanja/opste"> <input type="hidden" name="_next" value="/admin/podesavanja/opste">
<div class="kartica animiraj" style="margin-bottom:16px;"> <div class="kartica animiraj" style="margin-bottom:16px;">
@@ -391,6 +391,12 @@
if (brzina.value) document.body.dataset.brzinaAnimacije = brzina.value; if (brzina.value) document.body.dataset.brzinaAnimacije = brzina.value;
else delete document.body.dataset.brzinaAnimacije; else delete document.body.dataset.brzinaAnimacije;
} }
// toggle „Prikaži logo u gornjoj traci" — pokaži/sakrij logo u topbaru bez reloda
var logoToggle = f.querySelector('[name="topbar_logo_slika"]');
if (logoToggle) {
var logoImg = document.querySelector('.topbar-logo');
if (logoImg) logoImg.classList.toggle('skriven', !logoToggle.checked);
}
// posle čuvanja stilova lične pozadine ažuriraj CSS custom properties // posle čuvanja stilova lične pozadine ažuriraj CSS custom properties
var bgBlur = f.querySelector('[name="lokalna_pozadina_blur"]'); var bgBlur = f.querySelector('[name="lokalna_pozadina_blur"]');
if (bgBlur) { if (bgBlur) {