Merge branch 'RED-8812' into 'master'
RED-8812: changed table styling. See merge request redactmanager/red-ui!370
This commit is contained in:
commit
2f09981ea0
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user