SUSE/stratos

View on GitHub
src/frontend/packages/core/sass/components/mat-table.scss

Summary

Maintainability
Test Coverage
$mat-table-header-paginator-font-size: 13px;
.mat-header-cell {
  font-size: $mat-table-header-paginator-font-size;
}

.mat-paginator {
  font-size: $mat-table-header-paginator-font-size;
}

// Fix right-hand margin on tables (monitor icon appears too close to edge)
// https://github.com/cloudfoundry/stratos/issues/4234
.stratos {

  // Only put right padding between cells
  .mat-cell, mat-footer-cell, mat-header-cell {
    padding: 10px 10px 10px 0;
  }

  .app-table {
    // Use margin, not padding for the left side of the first cell in the row/header/footer
    .mat-cell:first-of-type, mat-footer-cell:first-of-type, mat-header-cell:first-of-type {
      margin-left: 20px;
      padding-left: 0;
    }
    .has-expanded-row {
      // Override the margin-left from above, there's a lot of white space going on
      .mat-cell:first-of-type, mat-footer-cell:first-of-type, mat-header-cell:first-of-type {
        margin-left: 10px;
      }
    }
  }

  // Use margin, not padding for the right side of the first cell in the row/header/footer
  .mat-cell:last-of-type, mat-footer-cell:last-of-type, mat-header-cell:last-of-type {
    margin-right: 20px;
    padding-right: 0;
  }

}