Finish mat table usage for army member page
parent
51ce2a1534
commit
e445a56a24
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
.army-member-view {
|
.army-member-view {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
height: 100vh;
|
min-height: 100vh;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
@ -18,11 +18,6 @@
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table {
|
|
||||||
overflow-wrap: break-word;
|
|
||||||
table-layout: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.table-container {
|
div.table-container {
|
||||||
margin-top:20px;
|
margin-top:20px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
@ -37,16 +32,24 @@ div.table-container {
|
||||||
|
|
||||||
mat-table.mat-table {
|
mat-table.mat-table {
|
||||||
background: rgba(255, 255, 255, 0.70);
|
background: rgba(255, 255, 255, 0.70);
|
||||||
|
|
||||||
|
.mat-column-award-graphics {
|
||||||
|
flex: 0 0 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-title {
|
||||||
|
flex: 0 0 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-reason {
|
||||||
|
flex: 0 0 52%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-date {
|
||||||
|
flex: 0 0 8%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
mat-row.mat-row {
|
mat-row.mat-row {
|
||||||
@extend mat-table.mat-table;
|
@extend mat-table.mat-table;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cell-outline {
|
|
||||||
outline: 1px solid #D4D4D4;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr.cell-outline:hover {
|
|
||||||
background-color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue