gru/zbiorki_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zmiany ux

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-10-09 21:47:31 +02:00
parent a4fa47e1a2
commit 086784b4ef
1 changed files with 10 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
static/css/custom.css
View File

@@ -389,36 +389,22 @@ select.form-select:focus {
margin: 10px 0; margin: 10px 0;
} }
/* Tylko ten przycisk: .btn-opis, spójne z dark tokenami */
.btn.btn-outline-light.btn-opis { .btn.btn-outline-light.btn-opis {
color: var(--text); color: #fff;
border-color: rgba(255,255,255,0.28); background-color: transparent;
background-color: rgba(255,255,255,0.02); border-color: rgba(255,255,255,0.35);
transition: transition: none;
background-color var(--trans),
border-color var(--trans),
color var(--trans),
box-shadow 180ms ease,
transform 120ms ease;
} }
.btn.btn-outline-light.btn-opis:hover, .btn.btn-outline-light.btn-opis:hover,
.btn.btn-outline-light.btn-opis:focus { .btn.btn-outline-light.btn-opis:focus {
color: #111; color: #fff;
background-color: rgba(255,255,255,0.10); background-color: rgba(255,255,255,0.14);
border-color: rgba(255,255,255,0.45); border-color: rgba(255,255,255,0.55);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
transform: translateY(-1px);
} }
.btn.btn-outline-light.btn-opis:active { .btn.btn-outline-light.btn-opis:active {
transform: translateY(0); color: #fff;
background-color: rgba(255,255,255,0.14); background-color: rgba(255,255,255,0.18);
border-color: rgba(255,255,255,0.55); border-color: rgba(255,255,255,0.6);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent);
}
.btn.btn-outline-light.btn-opis:focus-visible {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);
} }