From 086784b4efa0c389480f7309e59e27f9b32ac2d0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= Date: Thu, 9 Oct 2025 21:47:31 +0200 Subject: [PATCH] zmiany ux --- static/css/custom.css | 34 ++++++++++------------------------ 1 file changed, 10 insertions(+), 24 deletions(-) diff --git a/static/css/custom.css b/static/css/custom.css index 373c7f0..c7a9801 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -389,36 +389,22 @@ select.form-select:focus { margin: 10px 0; } -/* Tylko ten przycisk: .btn-opis, spójne z dark tokenami */ .btn.btn-outline-light.btn-opis { - color: var(--text); - border-color: rgba(255,255,255,0.28); - background-color: rgba(255,255,255,0.02); - transition: - background-color var(--trans), - border-color var(--trans), - color var(--trans), - box-shadow 180ms ease, - transform 120ms ease; + color: #fff; + background-color: transparent; + border-color: rgba(255,255,255,0.35); + transition: none; } .btn.btn-outline-light.btn-opis:hover, .btn.btn-outline-light.btn-opis:focus { - color: #111; - background-color: rgba(255,255,255,0.10); - border-color: rgba(255,255,255,0.45); - box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); - transform: translateY(-1px); + color: #fff; + background-color: rgba(255,255,255,0.14); + border-color: rgba(255,255,255,0.55); } .btn.btn-outline-light.btn-opis:active { - transform: translateY(0); - background-color: rgba(255,255,255,0.14); - border-color: rgba(255,255,255,0.55); - 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); + color: #fff; + background-color: rgba(255,255,255,0.18); + border-color: rgba(255,255,255,0.6); }