Melhora a visibilidade do botão de fechar modal (adicionando CSS de .btn-close-modal) e atualiza o botão Cancelar nos modelos para fechar a modal
This commit is contained in:
+4
-1
@@ -2624,7 +2624,10 @@ const initApp = () => {
|
|||||||
|
|
||||||
// Botão "Cancelar"
|
// Botão "Cancelar"
|
||||||
if (btnCancelTemplate) {
|
if (btnCancelTemplate) {
|
||||||
btnCancelTemplate.addEventListener('click', clearTemplateForm);
|
btnCancelTemplate.addEventListener('click', () => {
|
||||||
|
clearTemplateForm();
|
||||||
|
if (modelosRelatorioModal) modelosRelatorioModal.style.display = 'none';
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Botão "Salvar Modelo"
|
// Botão "Salvar Modelo"
|
||||||
|
|||||||
@@ -2984,3 +2984,31 @@ code {
|
|||||||
from { transform: scale(0.95); opacity: 0; }
|
from { transform: scale(0.95); opacity: 0; }
|
||||||
to { transform: scale(1); opacity: 1; }
|
to { transform: scale(1); opacity: 1; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Estilo para botões de fechar modal genéricos */
|
||||||
|
.btn-close-modal {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--text-secondary, #a3a3a3);
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 6px;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-close-modal svg {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
stroke: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-close-modal:hover {
|
||||||
|
color: var(--text-primary, #ffffff);
|
||||||
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user