Dasko/GoNtech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refactor(css): ghost-obriši dugme na .btn-obrisi-ghost klasu

Browse Source 
Nova klasa .btn-obrisi-ghost (providna pozadina, #fca5a5 ivica, #dc2626 tekst) —
ghost varijanta brisanja, drugačija od pune .btn-obrisi-malo. Zamenjeno 6 inline
pojava u: admin_korisnici, podesavanja (2x), podesavanja_sistem, podesavanja_izgled,
profil_tema. Mala veličina je default klase; srednje (7px 14px / radius 8px /
font 13px) dobile kontekstualni override. Dodat suptilan hover (ranije ga nije bilo).

Preostali #fca5a5 su error/toast poruke (.greska/.toast-greska) — nisu dugmad.
This commit is contained in:
Dalibor Marković
2026-06-13 01:02:37 +02:00
parent 50aeae2949
commit 60f1d757f3
6 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/static/css/main.css
+17
View File
@@ -494,6 +494,23 @@ body {
}
.btn-obrisi-malo:hover { opacity: 0.8; }
/* ghost dugme za brisanje — providna pozadina, crvena ivica i tekst */
.btn-obrisi-ghost {
display: inline-flex;
align-items: center;
background: transparent;
color: #dc2626;
border: 0.5px solid #fca5a5;
border-radius: 6px;
padding: 4px 12px;
font-size: 12px;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s;
}
.btn-obrisi-ghost:hover { background: rgba(220, 38, 38, 0.08); }
/* opasno dugme (Obriši/Deaktiviraj) — pun format, crveno */
.btn-opasno {
display: inline-flex;
web/templates/stranice/admin_korisnici.html
+1 -1
View File
@@ -95,7 +95,7 @@
<form method="POST" action="/admin/korisnici/{{.ID}}/obrisi" style="display:inline;"
onsubmit="return confirm('Obrisati korisnika {{.KorisnickoIme}}? Ova radnja je trajna.')">
<button type="submit"
style="padding:5px 12px;border:0.5px solid #fca5a5;border-radius:6px;background:transparent;color:#dc2626;font-size:12px;cursor:pointer;">
class="btn-obrisi-ghost">
Obriši
</button>
</form>
web/templates/stranice/podesavanja.html
+2 -2
View File
@@ -158,7 +158,7 @@
<form method="POST" action="/podesavanja/login-pozadina/ukloni">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<button type="submit"
style="padding:7px 14px;background:transparent;border:0.5px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:12px;cursor:pointer;"
class="btn-obrisi-ghost" style="padding:7px 14px;border-radius:8px;"
data-potvrda="Ukloniti pozadinsku sliku?">
Ukloni sliku
</button>
@@ -317,7 +317,7 @@
onsubmit="return confirm('Vratiti bazu na stanje od: {{.Datum}}?\n\nTrenutna baza će biti automatski sačuvana pre obnove.')">
<input type="hidden" name="ime" value="{{.Ime}}">
<button type="submit"
style="padding:4px 12px;background:transparent;border:0.5px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:12px;cursor:pointer;">
class="btn-obrisi-ghost">
Vrati
</button>
</form>
web/templates/stranice/podesavanja_izgled.html
+1 -1
View File
@@ -31,7 +31,7 @@
<form method="POST" action="/podesavanja/login-pozadina/ukloni">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<button type="submit"
style="padding:7px 14px;background:transparent;border:0.5px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:12px;cursor:pointer;"
class="btn-obrisi-ghost" style="padding:7px 14px;border-radius:8px;"
data-potvrda="Ukloniti pozadinsku sliku?">
Ukloni sliku
</button>
web/templates/stranice/podesavanja_sistem.html
+1 -1
View File
@@ -87,7 +87,7 @@
onsubmit="return confirm('Vratiti bazu na stanje od: {{.Datum}}?\n\nTrenutna baza će biti automatski sačuvana pre obnove.')">
<input type="hidden" name="ime" value="{{.Ime}}">
<button type="submit"
style="padding:4px 12px;background:transparent;border:0.5px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:12px;cursor:pointer;">
class="btn-obrisi-ghost">
Vrati
</button>
</form>
web/templates/stranice/profil_tema.html
+1 -1
View File
@@ -96,7 +96,7 @@
<form method="POST" action="/profil/pozadina/ukloni">
<input type="hidden" name="_csrf" value="{{.CsrfToken}}">
<button type="submit"
style="padding:7px 14px;background:transparent;border:0.5px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:13px;cursor:pointer;"
class="btn-obrisi-ghost" style="padding:7px 14px;border-radius:8px;font-size:13px;"
data-potvrda="Ukloniti ličnu pozadinsku sliku?">
Ukloni
</button>