Finish mat table usage for army member page
parent
51ce2a1534
commit
e445a56a24
|
@ -2,7 +2,7 @@
|
|||
|
||||
.army-member-view {
|
||||
width: 90%;
|
||||
height: 100vh;
|
||||
min-height: 100vh;
|
||||
padding: 5px;
|
||||
margin: auto;
|
||||
}
|
||||
|
@ -18,11 +18,6 @@
|
|||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.table {
|
||||
overflow-wrap: break-word;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
div.table-container {
|
||||
margin-top:20px;
|
||||
padding: 5px;
|
||||
|
@ -37,16 +32,24 @@ div.table-container {
|
|||
|
||||
mat-table.mat-table {
|
||||
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 {
|
||||
@extend mat-table.mat-table;
|
||||
}
|
||||
|
||||
.cell-outline {
|
||||
outline: 1px solid #D4D4D4;
|
||||
}
|
||||
|
||||
tr.cell-outline:hover {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue