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

zmiany w css oraz poprawki w ux

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-07-07 15:23:34 +02:00
parent c9573ad41a
commit 78e5e274be
6 changed files with 54 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
static/css/style.css
View File

@@ -16,6 +16,7 @@
background-color: #2c2f33 !important;
color: white !important;
}
/* --- Styl przycisku wyboru pliku --- */
input[type="file"]::file-selector-button {
background-color: #225d36;
@@ -52,39 +53,40 @@ input[type="file"]::file-selector-button {
/* Badge - kolory pasujące do ciemnych alertów */
.badge.bg-success, .badge.text-bg-success {
background-color: #225d36 !important; /* jak alert-success */
color: #eaffea !important;
background-color: #225d36 !important;
color: #eaffea !important;
}
.badge.bg-danger, .badge.text-bg-danger {
background-color: #7a1f23 !important; /* jak alert-danger */
color: #ffeaea !important;
background-color: #7a1f23 !important;
color: #ffeaea !important;
}
.badge.bg-info, .badge.text-bg-info {
background-color: #1d3a4d !important; /* jak alert-info */
color: #eaf6ff !important;
background-color: #1d3a4d !important;
color: #eaf6ff !important;
}
.badge.bg-warning, .badge.text-bg-warning {
background-color: #665c1e !important; /* jak alert-warning */
color: #fffbe5 !important;
background-color: #665c1e !important;
color: #fffbe5 !important;
}
.badge.bg-secondary, .badge.text-bg-secondary {
background-color: #343a40 !important; /* ciemny szary */
color: #e2e3e5 !important;
background-color: #343a40 !important;
color: #e2e3e5 !important;
}
.badge.bg-primary, .badge.text-bg-primary {
background-color: #184076 !important; /* ciemny niebieski */
color: #e6f0ff !important;
background-color: #184076 !important;
color: #e6f0ff !important;
}
.badge.bg-light, .badge.text-bg-light {
background-color: #444950 !important; /* ciemniejszy jasny */
color: #f8f9fa !important;
background-color: #444950 !important;
color: #f8f9fa !important;
}
.badge.bg-dark, .badge.text-bg-dark {
background-color: #181a1b !important; /* bardzo ciemny */
color: #f8f9fa !important;
background-color: #181a1b !important;
color: #f8f9fa !important;
}
input[type="checkbox"] {
/* --- Styl dla własnych checkboxów --- */
input[type="checkbox"].large-checkbox {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
@@ -99,9 +101,9 @@ input[type="checkbox"] {
vertical-align: middle;
}
input[type="checkbox"]::before {
input[type="checkbox"].large-checkbox::before {
content: '✗';
color: #dc3545; /* Bootstrap danger */
color: #dc3545;
font-size: 1.5em;
font-weight: bold;
position: absolute;
@@ -112,16 +114,16 @@ input[type="checkbox"]::before {
transition: color 0.2s;
}
input[type="checkbox"]:checked::before {
input[type="checkbox"].large-checkbox:checked::before {
content: '✓';
color: #ffc107; /* Bootstrap warning */
color: #ffc107;
}
input[type="checkbox"]:disabled::before {
input[type="checkbox"].large-checkbox:disabled::before {
opacity: 0.5;
cursor: not-allowed;
}
input[type="checkbox"]:disabled {
input[type="checkbox"].large-checkbox:disabled {
cursor: not-allowed;
}
@@ -133,4 +135,4 @@ input[type="checkbox"]:disabled {
input.form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}