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

MOBILE-4329 chore: Make core table x-scrollables

main
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 *ngIf="!isCardLayout">
<table class="core-table">
<table class="core-table x-scrollable">
<thead>
<tr>
<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 {
overflow-x: auto;
th, td {
min-width: 200px;
}

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

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