fix(ui): vidljivost elemenata van kartica preko pozadinske slike
Glass override je davao svetli tekst i staklenu podlogu samo karticama, tabelama i sidebaru — elementi van kartica (.nazad-link, .btn-sekundarno, .btn-obrisi-ghost, checkbox-traka „Samo aktivni") i goli <div> napomene („maksimum N MB") ostajali su u prigušenoj boji i jedva se videli. Dodata pravila u glass blok: pomenuti elementi dobijaju sopstvenu staklenu pill-podlogu (poluprovidna + blur + svetli border + svetli tekst), pa se vide bez obzira da li je slika tamna ili svetla. Napomene dobile klasu .pomocni-tekst da ih override dohvati; checkbox-traka klasu .cek-filter.
This commit is contained in:
@@ -47,7 +47,7 @@
|
|||||||
Otpremi sliku
|
Otpremi sliku
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div style="font-size:12px;color:var(--tekst-sporedni);margin-top:6px;">JPG, PNG ili WebP — maksimum 5 MB</div>
|
<div class="pomocni-tekst" style="font-size:12px;margin-top:6px;">JPG, PNG ili WebP — maksimum 5 MB</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div x-data="loginPozadinaPreview"
|
<div x-data="loginPozadinaPreview"
|
||||||
|
|||||||
@@ -37,7 +37,7 @@
|
|||||||
Otpremi logo
|
Otpremi logo
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div style="font-size:12px;color:var(--tekst-sporedni);margin-top:6px;">PNG, JPG ili SVG — maksimum 2 MB</div>
|
<div class="pomocni-tekst" style="font-size:12px;margin-top:6px;">PNG, JPG ili SVG — maksimum 2 MB</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
<div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
|
<div style="display:flex;gap:10px;flex-wrap:wrap;align-items:center;">
|
||||||
<a href="/podsetnici/novi" class="btn-primarno">+ Novi podsetnik</a>
|
<a href="/podsetnici/novi" class="btn-primarno">+ Novi podsetnik</a>
|
||||||
<form method="GET" action="/podsetnici" style="display:flex;gap:8px;align-items:center;flex:1;min-width:200px;flex-wrap:wrap;">
|
<form method="GET" action="/podsetnici" style="display:flex;gap:8px;align-items:center;flex:1;min-width:200px;flex-wrap:wrap;">
|
||||||
<label style="display:flex;align-items:center;gap:6px;font-size:14px;color:var(--tekst-sporedni);cursor:pointer;white-space:nowrap;">
|
<label class="cek-filter" style="display:flex;align-items:center;gap:6px;font-size:14px;color:var(--tekst-sporedni);cursor:pointer;white-space:nowrap;">
|
||||||
<input type="checkbox" name="samo_aktivni" value="1" {{if .SamoAktivni}}checked{{end}}
|
<input type="checkbox" name="samo_aktivni" value="1" {{if .SamoAktivni}}checked{{end}}
|
||||||
onchange="this.form.submit()"
|
onchange="this.form.submit()"
|
||||||
style="width:auto;padding:0;border:none !important;background:none !important;">
|
style="width:auto;padding:0;border:none !important;background:none !important;">
|
||||||
|
|||||||
@@ -112,7 +112,7 @@
|
|||||||
Otpremi sliku
|
Otpremi sliku
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div style="font-size:12px;color:var(--tekst-sporedni);">JPG, PNG ili WebP — maksimum 5 MB</div>
|
<div class="pomocni-tekst" style="font-size:12px;">JPG, PNG ili WebP — maksimum 5 MB</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div x-data="lokalnaPozadinaPreview"
|
<div x-data="lokalnaPozadinaPreview"
|
||||||
|
|||||||
@@ -64,6 +64,19 @@
|
|||||||
tr:hover { background: rgba(0,0,0,0.35); }
|
tr:hover { background: rgba(0,0,0,0.35); }
|
||||||
thead th { background: rgba(0,0,0,0.4) !important; }
|
thead th { background: rgba(0,0,0,0.4) !important; }
|
||||||
div:has(> canvas) { background: rgba(0,0,0,0.3); border-radius: 8px; padding: 8px; }
|
div:has(> canvas) { background: rgba(0,0,0,0.3); border-radius: 8px; padding: 8px; }
|
||||||
|
/* elementi van kartica (i preskočeni tagovi) koje glass override gore ne dohvata —
|
||||||
|
dobijaju sopstvenu staklenu podlogu da se vide bez obzira na sliku ispod */
|
||||||
|
.nazad-link, .btn-sekundarno, .btn-obrisi-ghost, .cek-filter {
|
||||||
|
background: rgba(0,0,0,0.28) !important;
|
||||||
|
backdrop-filter: blur({{.AppPozadinaBlur}}px); -webkit-backdrop-filter: blur({{.AppPozadinaBlur}}px);
|
||||||
|
border: 1px solid rgba(255,255,255,0.18) !important;
|
||||||
|
color: rgba(255,255,255,0.95) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8);
|
||||||
|
}
|
||||||
|
/* .nazad-link i checkbox-traka nemaju sopstveni padding — dajemo „pill" oblik */
|
||||||
|
.nazad-link, .cek-filter { padding: 6px 12px; border-radius: 8px; }
|
||||||
|
.nazad-link svg, .btn-sekundarno svg, .cek-filter svg { color: rgba(255,255,255,0.95) !important; stroke: rgba(255,255,255,0.95) !important; }
|
||||||
|
/* sitne napomene (npr. „maksimum 5 MB") — svetli tekst + halo, bez podloge */
|
||||||
|
.pomocni-tekst { color: rgba(255,255,255,0.9) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
|||||||
Reference in New Issue
Block a user