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:
@@ -85,6 +85,15 @@
|
||||
.naslov-traka { color: rgba(255,255,255,0.95) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.95), 0 0 8px rgba(0,0,0,0.5), 0 2px 16px rgba(0,0,0,0.25); }
|
||||
/* info-banner u kartici: tekst je goli <div> koji glass override ne dohvata — ciljano mu damo svetli tekst + senku */
|
||||
.info-banner div { color: rgba(255,255,255,0.95) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.9), 0 0 6px rgba(0,0,0,0.55); }
|
||||
/* Mobilni: backdrop-filter blur preko fiksne pozadinske slike često NE radi na
|
||||
telefonima (iOS/Android), pa glass topbar propušta svetlu sliku i beli naslov se
|
||||
gubi. Zato ne računamo na blur — dajemo čvrstu poluprovidnu podlogu i jaču senku. */
|
||||
@media (max-width: 768px) {
|
||||
.topbar { background: rgba(0,0,0,0.5) !important; }
|
||||
.topbar-naslov { text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,0.85); }
|
||||
.naslov-traka { text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,0.9), 0 2px 16px rgba(0,0,0,0.4); }
|
||||
.pomocni-tekst { text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,0.85); }
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
Reference in New Issue
Block a user