EVOgeek/Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4329 chore: Make core table x-scrollables

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2024-03-11 13:35:33 +01:00
parent 6be582f932
commit 6454a74464
3 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/core/features/reportbuilder/components/report-detail/report-detail.html
View File

@ -22,7 +22,7 @@
</ng-container> </ng-container>
<ng-container *ngIf="!isCardLayout"> <ng-container *ngIf="!isCardLayout">
<table class="core-table"> <table class="core-table x-scrollable">
<thead> <thead>
<tr> <tr>
<th *ngFor="let header of state.report.data.headers"> <th *ngFor="let header of state.report.data.headers">

2
src/core/features/reportbuilder/components/report-detail/report-detail.scss
View File

@ -6,8 +6,6 @@
} }
table { table {
overflow-x: auto;
th, td { th, td {
min-width: 200px; min-width: 200px;
} }

37
src/theme/theme.base.scss
View File

@ -2023,6 +2023,10 @@ table.core-table {
margin: 1em auto; margin: 1em auto;
color: var(--text-color); color: var(--text-color);
&.x-scrollable {
overflow-x: auto;
display: block;
}
thead th { thead th {
vertical-align: bottom; vertical-align: bottom;
@ -2031,8 +2035,13 @@ table.core-table {
background-color: var(--core-table-header-background); background-color: var(--core-table-header-background);
} }
tbody th { tbody {
font-weight: normal; th {
font-weight: normal;
}
td {
font-size: 16px;
}
} }
th, td { th, td {
@ -2045,10 +2054,6 @@ table.core-table {
border-bottom: 1px solid var(--core-table-border-color); border-bottom: 1px solid var(--core-table-border-color);
} }
tbody td {
font-size: 16px;
}
.odd { .odd {
--cell-background: var(--core-table-odd-cell-background); --cell-background: var(--core-table-odd-cell-background);
--cell-hover: var(--core-table-odd-cell-hover); --cell-hover: var(--core-table-odd-cell-hover);
@ -2069,19 +2074,21 @@ table.core-table {
} }
} }
tbody.auto-striped tr:nth-child(odd) { tbody.auto-striped {
background-color: var(--core-table-odd-cell-background); tr:nth-child(odd) {
background-color: var(--core-table-odd-cell-background);
&:hover { &:hover {
background-color: var(--core-table-even-odd-hover); background-color: var(--core-table-even-odd-hover);
}
} }
}
tbody.auto-striped tr:nth-child(even) { tr:nth-child(even) {
background-color: var(--core-table-even-cell-background); background-color: var(--core-table-even-cell-background);
&:hover { &:hover {
background-color: var(--core-table-even-cell-hover); background-color: var(--core-table-even-cell-hover);
}
} }
} }