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