1// LDAP SCSS
2
3.ldap__optional-field {
4  margin-bottom: 1.7em;
5}
6
7.ldap__configure-settings {
8  background-color: $base-02--06;
9  padding-top: 1.5em;
10  padding-bottom: 1.5em;
11  margin-top: 1em;
12  margin-bottom: 3em;
13}
14
15.ldap__server-info {
16  @media (min-width: 1024px) {
17    border-left: 1px solid $border-color-01;
18  }
19
20  .control-radio {
21    margin-bottom: 6px;
22    display: block;
23  }
24
25  .service-type-column {
26    margin-bottom: 1.2em;
27  }
28}
29
30.ldap__ssl-column {
31  padding-left: 1.5em;
32
33  .control__label {
34    text-transform: none;
35    font-weight: 400;
36    font-size: 16px;
37    color: $primary-dark;
38  }
39
40  .control__indicator {
41    top: 5px;
42  }
43
44  // using !important due to being a state and need to have higer specificity
45  &.disabled *,
46  .disabled {
47    color: $base-02--02 !important;
48  }
49}
50
51.ldap__configuration-buttons {
52  margin-top: 1rem;
53
54  @media (min-width: 1024px) {
55    margin-top: 0;
56  }
57
58  .btn {
59    float: right;
60    margin-left: 0.5em;
61    margin-top: 0.5em;
62  }
63
64  .btn-secondary {
65    background-color: $primary-light;
66  }
67
68  .btn-secondary:disabled {
69    color: $base-02--03;
70    border-color: $border-color-02;
71  }
72}
73
74.ldap__server-info-service-type {
75  .content-label {
76    margin-bottom: 1rem;
77  }
78}
79
80.ldap__certificate-info {
81  margin-top: 0.5em;
82
83  dt {
84    text-transform: uppercase;
85    color: $base-02--02;
86    font-weight: 700;
87    font-size: 12px;
88  }
89
90  dd {
91    font-size: 14px;
92    margin-top: 0.25em;
93  }
94
95  .disabled {
96    color: $base-02--02;
97  }
98}
99
100.control__radio__label {
101  padding: 0.2em 1em 0 2em;
102  text-transform: none;
103  font-weight: 400;
104  font-size: 16px;
105  color: $primary-dark;
106}
107
108.ldap__control-check {
109  text-transform: none;
110  font-weight: 400;
111  font-size: 16px;
112  color: $primary-dark;
113
114  .control__indicator {
115    top: 11px;
116  }
117
118  .control__label {
119    margin-left: 30px;
120  }
121}
122
123.control-radio .control__indicator-service-type {
124  width: 20px;
125  height: 20px;
126}
127
128.control-radio .control__indicator-service-type:after {
129  top: 3px;
130  left: 3px;
131  width: 10px;
132  height: 10px;
133}
134
135.control-radio input:disabled ~ .control__indicator-service-type:after {
136  top: 0;
137  left: 0;
138  width: 20px;
139  height: 20px;
140}
141
142.password-toggle {
143  color: $base-01--03;
144  font-size: 0.8em;
145  float: right;
146  position: relative;
147  z-index: 2;
148  padding: 6px 0 0 0;
149}
150
151.password-toggle.disabled {
152  background: transparent;
153  color: $base-02--02;
154  border: none;
155}
156
157.ldap-groups {
158  .ldap__table {
159    border-left: 1px solid $border-color-01;
160    border-right: 1px solid $border-color-01;
161
162    .empty__logs {
163      margin-top: 0;
164    }
165
166    .table__row-header {
167      width: 100%;
168      border-bottom: 1px solid $border-color-01;
169      background-color: $primary-dark;
170      color: $primary-light;
171      font-weight: 700;
172      padding: 0;
173
174      .control-check {
175        color: $primary-light;
176      }
177    }
178
179    .table__row-header.disabled {
180      opacity: 0.8;
181    }
182
183    .table__row-value {
184      width: 100%;
185      border-bottom: 1px solid $border-color-01;
186    }
187
188    .table__cell-ldap {
189      width: 30%;
190      padding: 1.3em 1.5em 0.8em 1.5em;
191    }
192
193    .table__cell-select {
194      width: 8%;
195      padding: 1.3em 1.5em 0.8em 1.5em;
196      .select-header {
197        padding-top: 1em;
198      }
199    }
200
201    .table__cell-sort {
202      padding: 0.4em 1em 0 0;
203      margin: 0 -25px 0 -13px;
204    }
205
206    .table__cell-ldap-group {
207      width: 29%;
208      padding: 1.2em 0.5em 0.8em 0.75em;
209    }
210
211    .table__cell-ldap-role {
212      width: 30%;
213      padding: 1.2em 0.5em 0.8em 0.75em;
214    }
215
216    .table__cell-buttons {
217      width: 32%;
218      text-align: right;
219      padding: 0.8em;
220      .btn {
221        padding-left: 0;
222        padding-right: 0;
223      }
224    }
225  }
226
227  .btn-add-group,
228  .btn-remove-group {
229    color: $base-01--03;
230    padding: 0.75em 0;
231  }
232
233  .modal__content-ldap {
234    margin-bottom: 2em;
235    margin-top: 2em;
236    input[type="text"] {
237      max-height: 2.4em;
238    }
239    select {
240      margin: 0 0 0;
241    }
242  }
243
244  .edit-group-name {
245    padding-bottom: 1em;
246  }
247
248  .form-actions {
249    width: 100%;
250    padding-top: 2em;
251    margin-top: 1.5em;
252    border-top: 1px solid $border-color-01;
253    button {
254      display: block;
255      float: right;
256      margin: 0 0 0 1em;
257    }
258  }
259
260  .sort-ascending,
261  .sort-descending {
262    display: block;
263    padding: 0;
264    color: $primary-light;
265    font-size: 1em;
266    transform: rotate(-90deg);
267
268    &:hover {
269      color: $primary-accent;
270    }
271
272    &:after {
273      content: "\276F";
274    }
275
276    &:focus {
277      outline: 0;
278      color: $primary-accent;
279    }
280  }
281
282  .sort-descending {
283    &:after {
284      content: "\276e";
285    }
286  }
287}
288