RED-8812: changed table styling.

This commit is contained in:
Nicoleta Panaghiu 2024-03-28 11:33:54 +02:00
parent 7fbe0f8398
commit eaf908bc7c
2 changed files with 10 additions and 4 deletions

View File

@ -11,7 +11,7 @@
<thead> <thead>
<tr> <tr>
<th *ngFor="let column of columns()" [ngClass]="{ hide: !column.show }"> <th *ngFor="let column of columns()" [ngClass]="{ hide: !column.show }">
<label class="selected-text">{{ column.label }}</label> <label>{{ column.label }}</label>
</th> </th>
</tr> </tr>
</thead> </thead>

View File

@ -6,6 +6,7 @@
} }
table { table {
padding: 0 13px;
max-width: 100%; max-width: 100%;
min-width: 100%; min-width: 100%;
border-spacing: 0; border-spacing: 0;
@ -18,15 +19,14 @@ table {
} }
tr { tr {
max-inline-size: 100%; max-width: 100%;
min-width: 100%; min-width: 100%;
display: table; display: table;
th { th {
border-bottom: 1px solid var(--iqser-grey-1);
label { label {
opacity: 0.7; opacity: 0.7;
font-weight: normal;
} }
} }
@ -50,6 +50,12 @@ table {
} }
} }
tbody tr:nth-child(odd) {
td {
background-color: var(--iqser-alt-background);
}
}
.hide { .hide {
visibility: hidden; visibility: hidden;
} }