34516bbf4c953dca8a1e722fc647aad4f6de7977
[portal/sdk.git] /
1 table {
2     width: 100%;
3   }
4   
5   .mat-form-field {
6     font-size: 14px;
7     width: 100%;
8   }
9   
10   td, th {
11     width: 25%;
12   }
13
14
15   .mat-accordion .mat-header-row {
16     padding-left: 1.5rem;
17     padding-right: 2rem;
18     border-bottom: none;
19   }
20   
21   
22   //copied from https://github.com/angular/material2/blob/master/src/lib/table/table.scss
23   $mat-header-row-height: 56px;
24   $mat-row-height: 48px;
25   $mat-row-horizontal-padding: 24px;
26   
27   
28   .mat-header-row {
29     min-height: $mat-header-row-height;
30   }
31   
32   .mat-row {
33     min-height: $mat-row-height;
34   }
35   
36   .mat-row, .mat-header-row {
37     display: flex;
38     border-bottom-width: 1px;
39     border-bottom-style: solid;
40     align-items: center;
41     padding: 0 $mat-row-horizontal-padding;
42     box-sizing: border-box;
43   
44     // Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo
45     // element that will stretch the row the correct height. See:
46     // https://connect.microsoft.com/IE/feedback/details/802625
47     &::after {
48       display: inline-block;
49       min-height: inherit;
50       content: '';
51     }
52   }
53   
54   .mat-cell, .mat-header-cell {
55     flex: 1;
56     overflow: hidden;
57     word-wrap: break-word;
58   }
59   
60   .mat-expansion-panel {
61     margin: 0;
62     border-radius: 4px;
63     overflow: hidden;
64     transition: margin 225ms cubic-bezier(.4,0,.2,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
65   }
66