comunatec/controles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: padroniza altura dos botões na interface de militantes

Browse Source
This commit is contained in:
andersonid
2025-04-04 09:48:14 -03:00
parent f58c340235
commit 3ed3002410
1 changed files with 43 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
templates/listar_militantes.html
View File

@@ -30,12 +30,28 @@
</div> </div>
</div> </div>
<div class="col-md-6 text-end"> <div class="col-md-6 text-end">
<div class="btn-group"> <div class="btn-group me-2">
<button type="button" class="btn btn-outline-secondary" data-filter="todos">Todos</button> <button type="button" class="btn btn-outline-secondary btn-fixed-width dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<button type="button" class="btn btn-outline-secondary" data-filter="filiados">Filiados</button> <i class="fas fa-filter me-2"></i>Filtrar
<button type="button" class="btn btn-outline-secondary" data-filter="nao-filiados">Não Filiados</button> </button>
<ul class="dropdown-menu">
<li><h6 class="dropdown-header">Status</h6></li>
<li><a class="dropdown-item" href="#" data-filter="todos">Todos</a></li>
<li><a class="dropdown-item" href="#" data-filter="filiados">Filiados</a></li>
<li><a class="dropdown-item" href="#" data-filter="nao-filiados">Não Filiados</a></li>
<li><hr class="dropdown-divider"></li>
<li><h6 class="dropdown-header">Responsabilidades</h6></li>
<li><a class="dropdown-item" href="#" data-filter="financas">Finanças</a></li>
<li><a class="dropdown-item" href="#" data-filter="imprensa">Imprensa</a></li>
<li><a class="dropdown-item" href="#" data-filter="quadro-orientador">Quadro-Orientador</a></li>
<li><hr class="dropdown-divider"></li>
<li><h6 class="dropdown-header">Célula</h6></li>
{% for celula in celulas %}
<li><a class="dropdown-item" href="#" data-filter="celula" data-celula="{{ celula.nome }}">{{ celula.nome }}</a></li>
{% endfor %}
</ul>
</div> </div>
<button class="btn btn-outline-primary" type="button" id="btnExportar"> <button class="btn btn-outline-primary btn-fixed-width" type="button" id="btnExportar">
<i class="fas fa-file-export me-2"></i>Exportar <i class="fas fa-file-export me-2"></i>Exportar
</button> </button>
</div> </div>
@@ -147,6 +163,28 @@
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
} }
/* Estilo para botões com largura fixa */
.btn-fixed-width {
min-width: 120px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.375rem 0.75rem;
text-align: center;
height: 38px; /* Altura padrão do Bootstrap para btn */
line-height: 1.5;
vertical-align: middle;
}
.btn-fixed-width i {
margin-right: 8px;
font-size: 0.875rem; /* 14px - tamanho padrão de ícone */
}
.dropdown-toggle::after {
margin-left: 8px;
}
/* Estilo para o botão de fechar dos modais */ /* Estilo para o botão de fechar dos modais */
.btn-close { .btn-close {
background-color: transparent; background-color: transparent;