gustavosantos/GTI_GERENCIADOR_FISCAL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: evita rolagem horizontal nas tabelas (celulas com quebra de linha)

Browse Source 
O white-space: nowrap em toda celula de tabela impedia o texto de
quebrar linha, entao valores longos de Razao/Fantasia/CNPJ estouravam
a largura da tabela e forcavam rolagem horizontal mesmo em telas
grandes. Cabecalhos continuam sem quebra (nomes curtos); celulas de
dado agora quebram linha quando necessario.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Gustavo
2026-08-14 08:45:11 -03:00
co-authored by Claude Sonnet 5
parent 6aeed3af7e
commit 7febe7c652
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/estilo.css
+3 -1
View File
@@ -188,7 +188,9 @@ a { color: var(--cor-acento-texto); }
.tabela-wrap { overflow-x: auto; border: 1px solid var(--cor-borda); border-radius: 12px; background: var(--cor-superficie); box-shadow: var(--sombra-card); } .tabela-wrap { overflow-x: auto; border: 1px solid var(--cor-borda); border-radius: 12px; background: var(--cor-superficie); box-shadow: var(--sombra-card); }
table { width: 100%; border-collapse: collapse; } table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--cor-borda); white-space: nowrap; } th, td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--cor-borda); }
th { white-space: nowrap; }
td { overflow-wrap: anywhere; }
tr:last-child td { border-bottom: none; } tr:last-child td { border-bottom: none; }
th a { color: inherit; text-decoration: none; } th a { color: inherit; text-decoration: none; }
th a:hover { color: var(--cor-acento); } th a:hover { color: var(--cor-acento); }