EduardoDev
/
line-gestao-frontend
mirror of https://github.com/eduardolopesx03/line-gestao-frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Remove sort carets from faturamento table

This commit is contained in:
Eduardo Lopes 2026-01-22 19:40:57 -03:00
parent b559c34ef9
commit 5c7cc3a827
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/pages/faturamento/faturamento.html
View File

@ -238,12 +238,12 @@
<table class="table table-modern table-compact align-middle text-center mb-0"> <table class="table table-modern table-compact align-middle text-center mb-0">
<thead> <thead>
<tr class="thead-group"> <tr class="thead-group">
<th rowspan="2" class="sortable" (click)="setSort('item')"> <th rowspan="2" class="sortable th-item" (click)="setSort('item')">
<div class="th-content">ITEM <span class="sort-caret" [class.active]="sortBy==='item'">{{ sortBy==='item' && sortDir==='desc' ? '▼' : '▲' }}</span></div> <div class="th-content">ITEM</div>
</th> </th>
<th rowspan="2" class="sortable" (click)="setSort('qtdlinhas')"> <th rowspan="2" class="sortable" (click)="setSort('qtdlinhas')">
<div class="th-content">QTD LINHAS <span class="sort-caret" [class.active]="sortBy==='qtdlinhas'">{{ sortBy==='qtdlinhas' && sortDir==='desc' ? '▼' : '▲' }}</span></div> <div class="th-content">QTD LINHAS</div>
</th> </th>
<th colspan="2" class="th-block th-vivo">VIVO</th> <th colspan="2" class="th-block th-vivo">VIVO</th>
@ -254,19 +254,19 @@
<tr class="thead-sub"> <tr class="thead-sub">
<th class="sortable" (click)="setSort('franquiavivo')"> <th class="sortable" (click)="setSort('franquiavivo')">
<div class="th-content">FRANQUIA <span class="sort-caret" [class.active]="sortBy==='franquiavivo'">{{ sortBy==='franquiavivo' && sortDir==='desc' ? '▼' : '▲' }}</span></div> <div class="th-content">FRANQUIA</div>
</th> </th>
<th class="sortable" (click)="setSort('valorcontratovivo')"> <th class="sortable" (click)="setSort('valorcontratovivo')">
<div class="th-content">VALOR (R$) <span class="sort-caret" [class.active]="sortBy==='valorcontratovivo'">{{ sortBy==='valorcontratovivo' && sortDir==='desc' ? '▼' : '▲' }}</span></div> <div class="th-content">VALOR (R$)</div>
</th> </th>
<th class="sortable" (click)="setSort('franquialine')"> <th class="sortable" (click)="setSort('franquialine')">
<div class="th-content">FRANQUIA <span class="sort-caret" [class.active]="sortBy==='franquialine'">{{ sortBy==='franquialine' && sortDir==='desc' ? '▼' : '▲' }}</span></div> <div class="th-content">FRANQUIA</div>
</th> </th>
<th class="sortable" (click)="setSort('valorcontratoline')"> <th class="sortable" (click)="setSort('valorcontratoline')">
<div class="th-content">VALOR (R$) <span class="sort-caret" [class.active]="sortBy==='valorcontratoline'">{{ sortBy==='valorcontratoline' && sortDir==='desc' ? '▼' : '▲' }}</span></div> <div class="th-content">VALOR (R$)</div>
</th> </th>
</tr> </tr>
</thead> </thead>

1
src/app/pages/faturamento/faturamento.scss
View File

@ -664,6 +664,7 @@
.sort-caret { width: 14px; opacity: 0.3; &.active { opacity: 1; color: var(--brand); } } .sort-caret { width: 14px; opacity: 0.3; &.active { opacity: 1; color: var(--brand); } }
.td-clip { overflow: hidden; text-overflow: ellipsis; max-width: 260px; } .td-clip { overflow: hidden; text-overflow: ellipsis; max-width: 260px; }
.empty-state { background: rgba(255,255,255,0.4); } .empty-state { background: rgba(255,255,255,0.4); }
.th-item .th-content { justify-content: center; }
/* ACTIONS */ /* ACTIONS */
.action-group { display: flex; justify-content: center; gap: 6px; } .action-group { display: flex; justify-content: center; gap: 6px; }