63 lines
1.2 KiB
SCSS
63 lines
1.2 KiB
SCSS
@import url('../../../style/list-entry.scss');
|
|
@import url('../../../style/hide-scrollbar.scss');
|
|
|
|
mat-table.mat-table {
|
|
width: 1058px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: auto;
|
|
height: 70vh;
|
|
}
|
|
|
|
.mat-column-name {
|
|
flex: 0 0 220px;
|
|
}
|
|
|
|
.mat-column-fraction {
|
|
flex: 0 0 90px;
|
|
}
|
|
|
|
.mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch, .mat-column-vehicleLight,
|
|
.mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-travelDistance, .mat-column-driverDistance,
|
|
.mat-column-death, .mat-column-respawn, .mat-column-interact {
|
|
flex: 0 0 62px;
|
|
|
|
@media all and (max-width: 959px) {
|
|
flex: 0 0 50px;
|
|
}
|
|
}
|
|
|
|
:host /deep/ .mat-table .mat-icon {
|
|
color: #666666;
|
|
}
|
|
|
|
@media all and (max-width: 959px) {
|
|
.mat-column-name {
|
|
flex: 0 0 160px;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.mat-header-row, mat-table.mat-table {
|
|
width: 768px;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width: 599px) {
|
|
.mat-column-name {
|
|
flex: 0 0 130px;
|
|
padding-left: 1vw;
|
|
}
|
|
|
|
.mat-header-row {
|
|
width: 755px;
|
|
}
|
|
|
|
mat-table.mat-table {
|
|
width: 100%;
|
|
height: 50vh;
|
|
overflow-x: auto;
|
|
display: grid;
|
|
}
|
|
}
|