hardi
/
opt-cc
1
0
Fork 0
Code Pull Requests Releases 47 Activity

Finish mat table usage for army member page

pull/59/head
HardiReady 2019-03-03 15:26:03 +01:00
parent 51ce2a1534
commit e445a56a24
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/src/app/army/army-member/army-member.component.scss
View File

@ -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;
}