catalog-ui/src/app/ng2/components/logic/generic-artifact-browser/generic-artifact-browser.component.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112

@import '../../../../../assets/styles/mixins';

.ngx-datatable.scroll-vertical {
  height: 80vh;
}

.ngx-datatable.material {
  .datatable-body {
    .datatable-body-row {
      .datatable-body-cell {
        background-clip: padding-box;
        background-color: rgb(233, 236, 239);
        flex-direction: column;
        font-family: monospace;
        font-size: 16px;
        font-stretch: 100%;
        font-weight: 400;
        line-height:5px;
        margin-right: 6px;
        overflow: auto !important;
        padding: 3px;
        border-bottom: 6px solid white;

        .selectable();
        :last-of-type {
          background-color: white;
        }
        span {
          display: inline-block;
          line-height: 15pt;
          .break-all-words();
        }
      }
    }
  }
}

.datatable-column-span {
  height: 10px;
}

.add-btn-div {
  width: 45px;
}

.datattable-input-filter{
  height: 23px;
  margin: 2px auto;
  border: none;
  border-bottom: solid 3px #009fdb;
  border-radius: 15px;
  width: 75% !important;
  padding: 0 15px 0 15px !important;
  color: #009fdb;
  outline: none;
}

.datattable-input-filter::placeholder {
  color: #009fdb;
  font-style: italic;
}

.datatable-row-group {
  padding-bottom: 6px;
  padding-top: 6px;
}

.datatable-body-cell-label {
  :focus {
    border-color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  :hover {
    cursor: default;
  }
}

.datatable-header {
  span.datatable-header-cell-label {
    .break-all-words();
  }
}

.datatable-input-filter{
  &[placeholder] {
    color: #009fdb;
    font-style: italic;
  }
  height: 23px;
  margin: 2px auto;
  border: none;
  border-bottom: solid 3px #009fdb;
  border-radius: 15px;
  color: #009fdb;
  outline: none;
}

.datatable-header-cell {
  color: rgb(51, 51, 51);
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  div {
    display: inline-block;
  }
}

.break-all-words {
  word-break: break-all;
  white-space: normal;
}