MOBILE-4329 chore: Make core table x-scrollables
parent
6be582f932
commit
6454a74464
|
@ -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">
|
||||||
|
|
|
@ -6,8 +6,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
overflow-x: auto;
|
|
||||||
|
|
||||||
th, td {
|
th, td {
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue