footer imrpove

This commit is contained in:
Mateusz Gruszczyński
2026-05-04 10:28:12 +02:00
parent ef22a3196d
commit 95fb7649f2

View File

@@ -944,23 +944,50 @@ body.mobile-mode #mobileList { padding-top: 5.2rem !important; }
/* Footer preferences */ /* Footer preferences */
.footer-preferences { .footer-preferences {
display: grid; display: grid;
gap: .5rem;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: .5rem;
} }
/* Note: Footer switch cards mirror column cards so Bootstrap form-switch margins cannot push toggles outside the field. */
.footer-pref-card { .footer-pref-card {
align-items: center;
border: 1px solid var(--bs-border-color);
border-radius: .75rem;
display: flex; display: flex;
align-items: center;
gap: .55rem; gap: .55rem;
min-width: 0;
margin: 0; margin: 0;
padding: .6rem .7rem; padding: .6rem .7rem;
border: 1px solid var(--bs-border-color);
border-radius: .75rem;
background: rgba(var(--bs-secondary-bg-rgb), .45);
cursor: pointer;
user-select: none;
transition: background .15s, border-color .15s;
}
.footer-pref-card:hover,
.footer-pref-card.active {
background: var(--bs-primary-bg-subtle);
}
.footer-pref-card:hover {
border-color: var(--bs-primary);
} }
.footer-pref-card.active { .footer-pref-card.active {
background: rgba(var(--bs-primary-rgb), .08); border-color: rgba(var(--bs-primary-rgb), .55);
border-color: rgba(var(--bs-primary-rgb), .35); }
.footer-pref-card .form-check-input {
flex: 0 0 auto;
margin: 0;
}
.footer-pref-card .form-check-label {
min-width: 0;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
#statusClock, #statusClock,