CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Fix: Overflow in Navbar by Making Table Scrollable (To avoid overflow)

Browse Source 
Optimize the code by implementing the style globally
This commit is contained in:
Vikash Prem Sharma
2024-03-03 14:07:25 +05:30
parent 36a8e275be
commit 4c10815b30
11 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/reports/xbrl/xbrl.component.html
+19 -17
View File
@@ -13,29 +13,31 @@
<mat-tab label="Expenses"></mat-tab>
</mat-tab-group>
<table mat-table [dataSource]="dataSource">
<div class="table-container">
<table mat-table [dataSource]="dataSource">
<ng-container matColumnDef="info">
<td mat-cell *matCellDef="let mixtaxonomy">
<fa-icon icon="question-circle" [matTooltip]="mixtaxonomy.description"></fa-icon>
</td>
</ng-container>
<ng-container matColumnDef="info">
<td mat-cell *matCellDef="let mixtaxonomy">
<fa-icon icon="question-circle" [matTooltip]="mixtaxonomy.description"></fa-icon>
</td>
</ng-container>
<ng-container matColumnDef="name">
<td mat-cell *matCellDef="let mixtaxonomy"> {{ mixtaxonomy.name }} </td>
</ng-container>
<ng-container matColumnDef="name">
<td mat-cell *matCellDef="let mixtaxonomy"> {{ mixtaxonomy.name }} </td>
</ng-container>
<ng-container matColumnDef="dimension">
<td mat-cell *matCellDef="let mixtaxonomy"> {{ mixtaxonomy.dimension }} </td>
</ng-container>
<ng-container matColumnDef="dimension">
<td mat-cell *matCellDef="let mixtaxonomy"> {{ mixtaxonomy.dimension }} </td>
</ng-container>
<ng-container matColumnDef="mapping">
<td mat-cell *matCellDef="let mixtaxonomy"> <input [formControl]="mixtaxonomy.mapping" [matAutocomplete]="glAccountAutocomplete"></td>
</ng-container>
<ng-container matColumnDef="mapping">
<td mat-cell *matCellDef="let mixtaxonomy"> <input [formControl]="mixtaxonomy.mapping" [matAutocomplete]="glAccountAutocomplete"></td>
</ng-container>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row"></tr>
</table>
</table>
</div>
<div class="container m-t-20" fxLayout="row" fxLayoutAlign="center" fxLayoutGap="20px">
<button mat-raised-button color="primary" [routerLink]="['./report']">