refactor(css): premešteni stilovi za dozvole u main.css
Stilovi za tabelu dozvola i zaglavlja modula premešteni iz inline bloka (dodatni-css) u globalni main.css, jer HTMX navigacija odbacuje pa oni nisu bili primenjeni nakon prelaska na stranicu. Istovremeno su unapređeni: animacija redova, staklena providna traka sa akcentnom levom ivicom i prilagođeni checkbox-ovi.
This commit is contained in:
@@ -10,7 +10,22 @@
|
||||
.dozvole-tabela tbody tr:nth-child(4) { animation-delay: 0.16s; }
|
||||
.dozvole-tabela tbody tr:nth-child(5) { animation-delay: 0.20s; }
|
||||
|
||||
.matrica-modul td { padding: 8px 16px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tekst-sporedni); background: var(--pozadina); border-top: 0.5px solid var(--ivica); }
|
||||
/* zaglavlja modula — providna staklena traka sa akcentnom levom ivicom.
|
||||
Bez sopstvenog backdrop-filter-a: kartica već zamućuje pozadinu, pa traka
|
||||
kroz svoju providnost pokazuje tu zamućenu sliku tonirano u akcent.
|
||||
Providna je, ali nešto manje od kartice, da se jasno ističe kao traka. */
|
||||
.matrica-modul td {
|
||||
padding: 9px 16px;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: var(--tekst-jak);
|
||||
background: color-mix(in srgb, var(--sb-akcent) 26%, transparent);
|
||||
border-top: 0.5px solid var(--ivica);
|
||||
border-bottom: 0.5px solid var(--ivica);
|
||||
border-left: 3px solid var(--sb-akcent);
|
||||
}
|
||||
|
||||
.matrica-checkbox { text-align: center; padding: 8px 16px; }
|
||||
.matrica-checkbox input[type=checkbox] { width: 16px; height: 16px; cursor: pointer; accent-color: var(--sb-akcent); }
|
||||
|
||||
Reference in New Issue
Block a user