fix: corrige estilos dos botões nos modais para manter cores e visibilidade no hover

This commit is contained in:
andersonid
2025-04-04 13:01:22 -03:00
parent c29eed0c69
commit 7f4fe77711
2 changed files with 125 additions and 0 deletions

View File

@@ -14,6 +14,12 @@
--bg-hover: #f8f9fa; --bg-hover: #f8f9fa;
--tab-active-color: var(--primary-color); --tab-active-color: var(--primary-color);
--tab-hover-color: rgba(220, 53, 69, 0.1); --tab-hover-color: rgba(220, 53, 69, 0.1);
/* Variáveis para os botões */
--bs-success: #198754;
--bs-success-dark: #157347;
--bs-secondary: #6c757d;
--bs-secondary-dark: #565e64;
} }
/* Tabelas */ /* Tabelas */
@@ -441,4 +447,117 @@ th[data-sort].sort-desc i {
/* Animação para linhas da tabela */ /* Animação para linhas da tabela */
#militantesTable tbody tr { #militantesTable tbody tr {
transition: all 0.3s ease; transition: all 0.3s ease;
}
/* Estilos globais para botões */
.btn-success,
.modal-footer .btn-success,
button.btn-success,
input.btn-success,
.btn-success.active,
.btn-success:active,
.show > .btn-success.dropdown-toggle {
background-color: #198754 !important;
border-color: #198754 !important;
color: #fff !important;
}
.btn-success:hover,
.modal-footer .btn-success:hover,
button.btn-success:hover,
input.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.modal-footer .btn-success:focus,
.modal-footer .btn-success:active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle:hover {
background-color: #146c43 !important;
border-color: #146c43 !important;
color: #fff !important;
}
.btn-secondary,
.modal-footer .btn-secondary,
button.btn-secondary,
input.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
background-color: #6c757d !important;
border-color: #6c757d !important;
color: #fff !important;
}
.btn-secondary:hover,
.modal-footer .btn-secondary:hover,
button.btn-secondary:hover,
input.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.modal-footer .btn-secondary:focus,
.modal-footer .btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle:hover {
background-color: #5c636a !important;
border-color: #5c636a !important;
}
.btn-secondary:not(:disabled):not(.disabled).active {
background-color: #4b545c !important;
border-color: #4b545c !important;
color: white !important;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
/* Estilos para botões nos modais */
.modal .btn,
.modal-footer .btn {
font-weight: 500;
padding: 0.5rem 1.5rem;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
.modal .btn:hover,
.modal-footer .btn:hover {
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Garantir que o botão primário mantenha suas cores */
.modal .btn-primary,
.modal-footer .btn-primary,
.modal .btn-primary.active,
.modal .btn-primary:active,
.modal-footer .btn-primary.active,
.modal-footer .btn-primary:active,
.modal .btn-primary:not(:disabled):not(.disabled):active,
.modal .btn-primary:not(:disabled):not(.disabled).active,
.modal-footer .btn-primary:not(:disabled):not(.disabled):active,
.modal-footer .btn-primary:not(:disabled):not(.disabled).active,
.show > .modal .btn-primary.dropdown-toggle,
.show > .modal-footer .btn-primary.dropdown-toggle {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
color: white !important;
}
.modal .btn-primary:hover,
.modal-footer .btn-primary:hover,
.modal .btn-primary:focus,
.modal-footer .btn-primary:focus,
.modal .btn-primary:active,
.modal-footer .btn-primary:active,
.modal .btn-primary:not(:disabled):not(.disabled):active:focus,
.modal .btn-primary:not(:disabled):not(.disabled).active:focus,
.modal-footer .btn-primary:not(:disabled):not(.disabled):active:focus,
.modal-footer .btn-primary:not(:disabled):not(.disabled).active:focus {
background-color: #0b5ed7 !important;
border-color: #0b5ed7 !important;
color: white !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
} }

View File

@@ -25,6 +25,12 @@
--info-color: #0dcaf0; --info-color: #0dcaf0;
--background-gradient: linear-gradient(135deg, var(--primary-color) 40%, white 100%); --background-gradient: linear-gradient(135deg, var(--primary-color) 40%, white 100%);
--navbar-stripe: 4px solid var(--primary-color); --navbar-stripe: 4px solid var(--primary-color);
/* Adicionando variáveis para os botões */
--bs-success: #198754;
--bs-success-dark: #157347;
--bs-secondary: #6c757d;
--bs-secondary-dark: #565e64;
} }
body { body {