57da199ef2dff4f3abbc4b81ba311cbdc40857c1
[sdc.git] /
1 @import '../../../../../assets/styles/mixins';
2
3 .ngx-datatable.material {
4   .datatable-body {
5     .datatable-body-row {
6       .datatable-body-cell {
7         background-clip: padding-box;
8         background-color: rgb(233, 236, 239);
9         flex-direction: column;
10         font-family: monospace;
11         font-size: 16px;
12         font-stretch: 100%;
13         font-weight: 400;
14         line-height:5px;
15         margin-right: 6px;
16         overflow: auto !important;
17         padding: 3px;
18         border-bottom: 6px solid white;
19
20         .selectable();
21
22         span {
23           display: inline-block;
24           line-height: 15pt;
25           .break-all-words();
26         }
27       }
28     }
29   }
30 }
31
32 .datatable-row-group {
33   padding-bottom: 6px;
34   padding-top: 6px;
35 }
36
37 .datatable-body-cell-label {
38   :focus {
39     border-color: white;
40     -webkit-box-shadow: none;
41     box-shadow: none;
42   }
43   :hover {
44     cursor: default;
45   }
46 }
47
48 .datatable-header span.datatable-header-cell-label {
49   .break-all-words();
50 }
51
52 .datatable-input-filter{
53   &[placeholder] {
54     color: #009fdb;
55     font-style: italic;
56   }
57   height: 23px;
58   margin: 2px auto;
59   border: none;
60   border-bottom: solid 3px #009fdb;
61   border-radius: 15px;
62   color: #009fdb;
63   outline: none;
64 }
65
66 .datatable-header-cell {
67   color: rgb(51, 51, 51);
68   font-weight: bold;
69   font-size: 14px;
70   text-align: center;
71 }
72
73 .break-all-words {
74   word-break: break-all;
75   white-space: normal;
76 }