@civicactions/cmsds-open-data-components 3.6.0-rc.1 → 3.6.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.css CHANGED
@@ -1,104 +1,3 @@
1
- .dkan-c-cms-topnav--tagline {
2
- color: var(--tag-line--color);
3
- }
4
-
5
- .dkan-c-header--mobile .dkan-c-cms-topnav--tagline {
6
- display: none;
7
- }
8
-
9
- .dkan-c-header--desktop .dkan-c-cms-topnav--tagline {
10
- border-left: 1px solid var(--tag-line--border-color);
11
- align-items: center;
12
- display: inline-flex;
13
- }
14
-
15
- :root {
16
- --header-nav-icon-link--desktop-width: 240px;
17
- --header-nav-icon-link--mobile-width: 90px;
18
- }
19
-
20
- .dkan-c-header-nav-icon-link {
21
- border-right: none;
22
- align-items: center;
23
- display: inline-flex;
24
- }
25
-
26
- .dkan-c-header-nav-icon-link a {
27
- border-bottom: none;
28
- text-decoration: none;
29
- display: inline-block;
30
- }
31
-
32
- .dkan-c-header-nav-icon-link a:focus, .dkan-c-header-nav-icon-link a:hover {
33
- background-color: #0000;
34
- }
35
-
36
- .dkan-c-header-nav-icon-link.show-back-arrow a:before {
37
- content: "";
38
- color: #323a45;
39
- text-align: center;
40
- vertical-align: middle;
41
- width: 18px;
42
- height: 18px;
43
- margin-left: 10px;
44
- padding-right: 10px;
45
- font-family: "Font Awesome 6 Pro";
46
- font-size: 18px;
47
- font-weight: lighter;
48
- line-height: 18px;
49
- display: inline-block;
50
- }
51
-
52
- .dkan-c-header-nav-icon-link img {
53
- vertical-align: middle;
54
- height: auto;
55
- display: inline-block;
56
- }
57
-
58
- .dkan-c-header--mobile .dkan-c-header-nav-icon-link img {
59
- width: var(--header-nav-icon-link--mobile-width);
60
- }
61
-
62
- .dkan-c-header--desktop .dkan-c-header-nav-icon-link img {
63
- width: var(--header-nav-icon-link--desktop-width);
64
- }
65
-
66
- .dkan-c-cms-topnav {
67
- height: 51px;
68
- }
69
-
70
- .dkan-c-cms-topnav > div {
71
- height: 100%;
72
- }
73
-
74
- .dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {
75
- margin: 3px 7px;
76
- display: inline-block;
77
- }
78
-
79
- .dkan-c-cms-topnav--menu ul {
80
- margin: 0;
81
- padding: 0;
82
- list-style: none;
83
- }
84
-
85
- .dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {
86
- height: 100%;
87
- margin-left: 16px;
88
- }
89
-
90
- @media screen and (width <= 544px) {
91
- .dkan-c-cms-topnav {
92
- display: none;
93
- }
94
- }
95
-
96
- @media screen and (width >= 1024px) {
97
- .dkan-c-cms-topnav {
98
- height: 85px;
99
- }
100
- }
101
-
102
1
  .dkan-c-site-menu--sub-menu {
103
2
  list-style: none;
104
3
  display: none;
@@ -142,379 +41,122 @@
142
41
  border-bottom-color: var(--header-nav-link--mobile-color);
143
42
  }
144
43
 
145
- .dkan-c-main-navigation--search .dkan-c-header-search--modal-button span {
146
- border-bottom: 2px solid #0000;
44
+ .dkan-c-cms-topnav-menu ul {
45
+ justify-content: end;
46
+ margin: 0;
47
+ padding: 0;
48
+ list-style: none;
147
49
  }
148
50
 
149
- .dkan-c-header--mobile .dkan-c-nav-menu--mobile {
150
- display: none;
51
+ :root {
52
+ --su-color--blue-dark: #036;
53
+ --su-color--brown: #884c00;
54
+ --su-color--green-dark: #007641;
55
+ --su-color--green-muted: #277564;
56
+ --su-color--orange-dark: #d10000;
57
+ --su-color--orange-light: #d100001a;
58
+ --su-color--red-dark: #970000;
59
+ --su-color--red-light: #d300001a;
60
+ --su-color--red: #d30000;
151
61
  }
152
62
 
153
- .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {
154
- color: var(--header-nav-link--mobile-color);
155
- text-decoration: none;
63
+ .swagger-ui.swagger-ui .opblock .opblock-summary-method {
64
+ color: #333;
156
65
  }
157
66
 
158
- .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:hover, .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:focus {
159
- color: var(--header-nav-link--mobile-color);
67
+ .swagger-ui.swagger-ui .opblock.opblock-delete {
68
+ background-color: var(--su-color--red-light);
69
+ border-color: var(--su-color--red);
160
70
  }
161
71
 
162
- .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:hover span, .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:focus span {
163
- border-bottom-color: var(--header-nav-link--mobile-color);
72
+ .swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
73
+ color: #fff;
74
+ background-color: var(--su-color--red-dark);
164
75
  }
165
76
 
166
- .dkan-c-header-search--modal-button:before {
167
- content: "";
168
- text-align: center;
169
- vertical-align: middle;
170
- box-sizing: content-box;
171
- width: 18px;
172
- height: 18px;
173
- margin-left: 10px;
174
- padding-right: 10px;
175
- font-family: "Font Awesome 6 Pro";
176
- font-size: 18px;
177
- font-weight: lighter;
178
- line-height: 18px;
179
- display: inline-block;
77
+ .swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
78
+ background-color: var(--su-color--brown);
79
+ color: #fff;
180
80
  }
181
81
 
182
- .dkan-c-main-navigation--search .dkan-c-header-search--modal-button {
183
- color: var(--header-nav-search--color);
184
- text-decoration: none;
82
+ .swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
83
+ color: var(--su-color--red);
185
84
  }
186
85
 
187
- .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover {
188
- color: var(--header-nav-search--color);
86
+ .swagger-ui.swagger-ui .btn.cancel {
87
+ border-color: var(--su-color--red);
88
+ color: var(--su-color--red);
189
89
  }
190
90
 
191
- .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus span, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover span {
192
- border-bottom-color: var(--header-nav-search--color);
91
+ .swagger-ui.swagger-ui .btn.authorize {
92
+ border-color: var(--su-color--green-muted);
93
+ background-color: var(--su-color--green-muted);
193
94
  }
194
95
 
195
- .dkan-c-header--desktop .dkan-c-main-navigation--search {
196
- border-left: 2px solid var(--header-nav-search--color);
96
+ .swagger-ui.swagger-ui .btn.execute {
97
+ background-color: var(--su-color--blue-dark);
197
98
  }
198
99
 
199
- .dkan-c-header--desktop .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {
200
- display: none;
100
+ .swagger-ui.swagger-ui .info .title small {
101
+ background-color: #666;
201
102
  }
202
103
 
203
- .dkan-c-header--link-list {
204
- list-style: none;
104
+ .swagger-ui.swagger-ui .info .title small.version-stamp {
105
+ background-color: #005830;
205
106
  }
206
107
 
207
- .dkan-c-header--wrapper {
208
- flex-wrap: nowrap !important;
108
+ .swagger-ui.swagger-ui .info a {
109
+ color: #036;
209
110
  }
210
111
 
211
- .dkan-c-header--link-list .dkan-c-header--link span, .dkan-c-header--link-list .dkan-c-header--link + ul a span {
212
- border-bottom: 2px solid #0000;
112
+ .swagger-ui.swagger-ui .model-hint {
113
+ word-wrap: break-word;
114
+ white-space: normal;
115
+ max-width: 100%;
116
+ top: 1.5em;
213
117
  }
214
118
 
215
- .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a {
216
- color: var(--header-nav-link--mobile-color);
217
- text-decoration: none;
119
+ .swagger-ui.swagger-ui section.models .model-container {
120
+ overflow-x: auto;
218
121
  }
219
122
 
220
- .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:hover, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:focus, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:hover, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:focus {
221
- color: var(--header-nav-link--mobile-color);
123
+ .swagger-ui.swagger-ui table {
124
+ min-width: 500px;
222
125
  }
223
126
 
224
- .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:hover span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:focus span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:hover span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:focus span {
225
- border-bottom-color: var(--header-nav-link--mobile-color);
127
+ .swagger-ui.swagger-ui table.model tbody tr td:first-of-type {
128
+ min-width: 174px;
226
129
  }
227
130
 
228
- .dkan-c-header--mobile .dkan-c-nav-menu ul {
229
- padding-inline-start: 0;
131
+ .swagger-ui.swagger-ui .table-container, .swagger-ui.swagger-ui .responses-inner {
132
+ overflow: scroll;
230
133
  }
231
134
 
232
- .dkan-c-header--mobile .dkan-c-nav-menu--close {
233
- display: none;
135
+ .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
136
+ font-weight: bold !important;
234
137
  }
235
138
 
236
- .dkan-c-header--mobile .dkan-c-nav-menu--open {
237
- background-color: var(--header-mobile-bg-color);
238
- z-index: 500;
239
- transition-property: left;
240
- transition-duration: var(--mobile-nav-animation-time);
241
- flex: none;
242
- width: 100%;
243
- max-width: 100%;
244
- height: 100%;
245
- padding: 50px 0;
246
- display: block;
247
- position: fixed;
248
- top: 0;
249
- bottom: 0;
250
- left: 0;
139
+ .swagger-ui div.wrapper {
140
+ padding-left: 0;
141
+ padding-right: 0;
251
142
  }
252
143
 
253
- .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav {
254
- display: inherit;
255
- padding-top: 8px;
144
+ @media (width <= 544px) {
145
+ .swagger-ui .opblock-tag-section .opblock-tag small {
146
+ flex: initial;
147
+ }
256
148
  }
257
149
 
258
- .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav:before {
259
- background: var(--color-primary-light);
260
- content: "";
261
- width: 48px;
262
- height: 2px;
263
- margin-left: 24px;
264
- display: block;
265
- position: absolute;
150
+ .dc-c-search-list-item, .dc-c-search-list-item li {
151
+ list-style: none;
266
152
  }
267
153
 
268
- .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav ul {
269
- padding-top: 16px;
154
+ .dc-c-search-list-item li a, .dc-c-search-list-item li button {
155
+ text-decoration: underline !important;
270
156
  }
271
157
 
272
- .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link, .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link + ul a {
273
- color: var(--header-nav-link--color);
274
- padding: var(--space, 8px 8px);
275
- text-decoration: none;
276
- }
277
-
278
- .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link:hover span, .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link + ul a:hover span {
279
- border-bottom-color: var(--header-nav-link--color);
280
- }
281
-
282
- .dkan-c-header--desktop .dkan-c-header--link-list {
283
- margin-block: 0;
284
- }
285
-
286
- .dkan-c-header--desktop .dkan-c-main-nav {
287
- flex-direction: row;
288
- justify-content: end;
289
- display: flex;
290
- }
291
-
292
- .dkan-c-header--desktop .dkan-c-nav-menu--mobile-close-button {
293
- display: none;
294
- }
295
-
296
- .dkan-c-header--desktop .dkan-c-header--link-list {
297
- flex-direction: row;
298
- display: flex;
299
- }
300
-
301
- .dkan-c-header--desktop .dkan-c-nav-menu .dkan-c-top-nav {
302
- display: none;
303
- }
304
-
305
- :root {
306
- --mobile-menu-button--color: var(--color-white);
307
- --mobile-menu-button--hover-color: var(--color-white);
308
- }
309
-
310
- .dkan-c-header--desktop .dkan-c-mobile-menu-button {
311
- display: none;
312
- }
313
-
314
- .dkan-c-header--mobile .dkan-c-mobile-menu-button {
315
- display: inherit;
316
- }
317
-
318
- button.dkan-c-mobile-menu-button {
319
- color: var(--mobile-menu-button--color);
320
- }
321
-
322
- button.dkan-c-mobile-menu-button:before {
323
- color: var(--mobile-menu-button--color);
324
- text-align: center;
325
- vertical-align: middle;
326
- box-sizing: content-box;
327
- width: 18px;
328
- height: 18px;
329
- margin-left: 10px;
330
- padding-right: 10px;
331
- font-family: "Font Awesome 6 Pro";
332
- font-size: 18px;
333
- font-weight: lighter;
334
- line-height: 18px;
335
- display: inline-block;
336
- }
337
-
338
- button.dkan-c-mobile-menu-button:hover, button.dkan-c-mobile-menu-button:hover:before {
339
- color: var(--mobile-menu-button--hover-color);
340
- }
341
-
342
- button.dkan-c-mobile-menu-button--open:before {
343
- content: "";
344
- }
345
-
346
- .dkan-c-cms-topnav-menu ul {
347
- justify-content: end;
348
- margin: 0;
349
- padding: 0;
350
- list-style: none;
351
- }
352
-
353
- div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
354
- border-radius: 4px;
355
- border-top: 8px solid var(--color-secondary) !important;
356
- }
357
-
358
- .dkan-c-sidebar-nav ul {
359
- margin: 0;
360
- padding: 0;
361
- list-style: none;
362
- display: block;
363
- }
364
-
365
- .dkan-c-sidebar-nav-link, .dkan-c-sidebar-nav-link:visited {
366
- color: var(--color-base);
367
- text-decoration: none;
368
- }
369
-
370
- .dkan-c-sidebar-nav-link:hover, .dkan-c-sidebar-nav-link:visited:hover {
371
- text-decoration: underline;
372
- }
373
-
374
- .dkan-c-sidebar-nav-link-status {
375
- border: 2px solid var(--color-gray-lighter);
376
- border-radius: 2px;
377
- }
378
-
379
- .active .dkan-c-sidebar-nav-link-status {
380
- border: 2px solid var(--color-primary-darker);
381
- border-radius: 2px;
382
- }
383
-
384
- .dkan-c-sidebar-nav--mobile {
385
- margin-bottom: 32px;
386
- }
387
-
388
- .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--open {
389
- display: inherit;
390
- }
391
-
392
- .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--close {
393
- display: none;
394
- }
395
-
396
- .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav--mobile-header {
397
- margin-top: -32px;
398
- display: flex;
399
- }
400
-
401
- .dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {
402
- display: none;
403
- }
404
-
405
- .dkan-c-sidebar-nav--mobile {
406
- display: inherit;
407
- }
408
-
409
- :root {
410
- --su-color--blue-dark: #036;
411
- --su-color--brown: #884c00;
412
- --su-color--green-dark: #007641;
413
- --su-color--green-muted: #277564;
414
- --su-color--orange-dark: #d10000;
415
- --su-color--orange-light: #d100001a;
416
- --su-color--red-dark: #970000;
417
- --su-color--red-light: #d300001a;
418
- --su-color--red: #d30000;
419
- }
420
-
421
- .swagger-ui.swagger-ui .opblock .opblock-summary-method {
422
- color: #333;
423
- }
424
-
425
- .swagger-ui.swagger-ui .opblock.opblock-delete {
426
- background-color: var(--su-color--red-light);
427
- border-color: var(--su-color--red);
428
- }
429
-
430
- .swagger-ui.swagger-ui .opblock.opblock-delete .opblock-summary-method {
431
- color: #fff;
432
- background-color: var(--su-color--red-dark);
433
- }
434
-
435
- .swagger-ui.swagger-ui .opblock.opblock-put .opblock-summary-method {
436
- background-color: var(--su-color--brown);
437
- color: #fff;
438
- }
439
-
440
- .swagger-ui.swagger-ui .parameter__name.required span, .swagger-ui.swagger-ui .parameter__name.required:after {
441
- color: var(--su-color--red);
442
- }
443
-
444
- .swagger-ui.swagger-ui .btn.cancel {
445
- border-color: var(--su-color--red);
446
- color: var(--su-color--red);
447
- }
448
-
449
- .swagger-ui.swagger-ui .btn.authorize {
450
- border-color: var(--su-color--green-muted);
451
- background-color: var(--su-color--green-muted);
452
- }
453
-
454
- .swagger-ui.swagger-ui .btn.execute {
455
- background-color: var(--su-color--blue-dark);
456
- }
457
-
458
- .swagger-ui.swagger-ui .info .title small {
459
- background-color: #666;
460
- }
461
-
462
- .swagger-ui.swagger-ui .info .title small.version-stamp {
463
- background-color: #005830;
464
- }
465
-
466
- .swagger-ui.swagger-ui .info a {
467
- color: #036;
468
- }
469
-
470
- .swagger-ui.swagger-ui .model-hint {
471
- word-wrap: break-word;
472
- white-space: normal;
473
- max-width: 100%;
474
- top: 1.5em;
475
- }
476
-
477
- .swagger-ui.swagger-ui section.models .model-container {
478
- overflow-x: auto;
479
- }
480
-
481
- .swagger-ui.swagger-ui table {
482
- min-width: 500px;
483
- }
484
-
485
- .swagger-ui.swagger-ui table.model tbody tr td:first-of-type {
486
- min-width: 174px;
487
- }
488
-
489
- .swagger-ui.swagger-ui .table-container, .swagger-ui.swagger-ui .responses-inner {
490
- overflow: scroll;
491
- }
492
-
493
- .swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {
494
- font-weight: bold !important;
495
- }
496
-
497
- .swagger-ui div.wrapper {
498
- padding-left: 0;
499
- padding-right: 0;
500
- }
501
-
502
- @media (width <= 544px) {
503
- .swagger-ui .opblock-tag-section .opblock-tag small {
504
- flex: initial;
505
- }
506
- }
507
-
508
- .dc-c-search-list-item, .dc-c-search-list-item li {
509
- list-style: none;
510
- }
511
-
512
- .dc-c-search-list-item li a, .dc-c-search-list-item li button {
513
- text-decoration: underline !important;
514
- }
515
-
516
- .dc-c-search-list-item svg {
517
- margin-right: 8px;
158
+ .dc-c-search-list-item svg {
159
+ margin-right: 8px;
518
160
  }
519
161
 
520
162
  .dc-c-search-list-item span > span > button {
@@ -615,20 +257,85 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
615
257
  left: 16px;
616
258
  }
617
259
 
618
- .dc-c-datatable {
619
- border-spacing: 0;
260
+ .dc-c-additional-info-table table {
620
261
  width: 100%;
621
262
  }
622
263
 
623
- .dc-c-datatable thead > .dc-c-sticky-header {
624
- background-color: #fff;
625
- position: sticky;
626
- top: 0;
627
- }
628
-
629
- .dc-c-datatable th {
630
- text-align: left;
631
- position: relative;
264
+ .dc-c-additional-info-table a {
265
+ word-break: break-all;
266
+ }
267
+
268
+ .ds-u-word-break-anywhere {
269
+ word-break: break-word;
270
+ overflow-wrap: anywhere;
271
+ }
272
+
273
+ ul.dc-c-resource-full-width {
274
+ width: 100%;
275
+ }
276
+
277
+ .dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {
278
+ border-left: 0;
279
+ border-right: 0;
280
+ }
281
+
282
+ .dc-c-tooltip-width-override .ds-c-tooltip {
283
+ width: 500px;
284
+ }
285
+
286
+ .dc-resource-header:before {
287
+ content: "";
288
+ background-color: var(--color-primary-light);
289
+ width: 48px;
290
+ height: 4px;
291
+ margin: 8px 0;
292
+ display: block;
293
+ }
294
+
295
+ .dc-truncate {
296
+ text-overflow: ellipsis;
297
+ white-space: nowrap;
298
+ overflow: hidden;
299
+ }
300
+
301
+ .dc-c-metadata-description {
302
+ white-space: pre-line;
303
+ }
304
+
305
+ .dc-dataset .ds-c-tabs .ds-c-tabs__item {
306
+ text-decoration: none;
307
+ }
308
+
309
+ .dc-dataset .ds-c-tabs .ds-c-tabs__item svg {
310
+ fill: var(--link__color);
311
+ }
312
+
313
+ .dc-dataset .ds-c-tabs svg {
314
+ margin-right: 8px;
315
+ }
316
+
317
+ #main-content {
318
+ overflow: visible;
319
+ }
320
+
321
+ .dc-c-word-break--all {
322
+ word-break: break-all;
323
+ }
324
+
325
+ .dc-c-datatable {
326
+ border-spacing: 0;
327
+ width: 100%;
328
+ }
329
+
330
+ .dc-c-datatable thead > .dc-c-sticky-header {
331
+ background-color: #fff;
332
+ position: sticky;
333
+ top: 0;
334
+ }
335
+
336
+ .dc-c-datatable th {
337
+ text-align: left;
338
+ position: relative;
632
339
  }
633
340
 
634
341
  .dc-c-datatable thead th div {
@@ -669,19 +376,32 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
669
376
  background-color: var(--color-primary);
670
377
  }
671
378
 
672
- .dc-thead--truncated th > div > span {
379
+ thead.dc-thead--truncated th > div {
380
+ align-items: stretch;
381
+ }
382
+
383
+ thead.dc-thead--truncated th > div > div {
384
+ flex: auto;
385
+ position: relative;
386
+ overflow: hidden;
387
+ }
388
+
389
+ thead.dc-thead--truncated th > div > div > span {
673
390
  white-space: nowrap;
674
391
  text-overflow: ellipsis;
392
+ width: 100%;
675
393
  display: inline-block;
394
+ position: absolute;
395
+ left: 0;
676
396
  overflow: hidden;
677
397
  }
678
398
 
679
- .dc-thead--truncated th > div > span .ds-c-tooltip__container {
399
+ thead.dc-thead--truncated th > div > div > span .ds-c-tooltip__container {
680
400
  white-space: wrap;
681
401
  font-weight: normal;
682
402
  }
683
403
 
684
- .dc-thead--truncated th p {
404
+ thead.dc-thead--truncated th p {
685
405
  white-space: normal;
686
406
  }
687
407
 
@@ -689,6 +409,10 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
689
409
  background-color: var(--table__background-color--striped);
690
410
  }
691
411
 
412
+ .dc-c-datatable--highlight-row td {
413
+ background-color: var(--color-info-lighter);
414
+ }
415
+
692
416
  .dc-c-sort--default, .dc-c-sort--asc, .dc-c-sort--desc {
693
417
  background: none;
694
418
  border: none;
@@ -717,69 +441,93 @@ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
717
441
  content: "";
718
442
  }
719
443
 
720
- .dc-c-additional-info-table table {
444
+ dialog.dkan-manage-columns-dialog {
721
445
  width: 100%;
446
+ height: 80vh;
722
447
  }
723
448
 
724
- .dc-c-additional-info-table a {
725
- word-break: break-all;
449
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
450
+ min-width: 768px;
451
+ padding: 0;
726
452
  }
727
453
 
728
- .ds-u-word-break-anywhere {
729
- word-break: break-word;
730
- overflow-wrap: anywhere;
454
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window .ds-c-dialog__header {
455
+ padding: 24px;
731
456
  }
732
457
 
733
- ul.dc-c-resource-full-width {
734
- width: 100%;
458
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
459
+ gap: 0;
460
+ max-height: 350px;
461
+ margin: 0;
462
+ padding: 0;
463
+ list-style: none;
464
+ overflow-y: auto;
735
465
  }
736
466
 
737
- .dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {
738
- border-left: 0;
739
- border-right: 0;
467
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list li {
468
+ cursor: pointer;
740
469
  }
741
470
 
742
- .dc-c-tooltip-width-override .ds-c-tooltip {
743
- width: 500px;
471
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .ds-c-choice-wrapper {
472
+ margin-top: 0;
744
473
  }
745
474
 
746
- .dc-resource-header:before {
747
- content: "";
748
- background-color: var(--color-primary-light);
749
- width: 48px;
750
- height: 4px;
751
- margin: 8px 0;
752
- display: block;
475
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button {
476
+ background: none;
477
+ border: none;
753
478
  }
754
479
 
755
- .dc-truncate {
756
- text-overflow: ellipsis;
757
- white-space: nowrap;
758
- overflow: hidden;
480
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list .dkan-manage-columns-reorder-button.grabbed {
481
+ background-color: var(--color-primary-lighter);
759
482
  }
760
483
 
761
- .dc-c-metadata-description {
762
- white-space: pre-line;
763
- }
484
+ @media screen and (width <= 767px) {
485
+ dialog.dkan-manage-columns-dialog {
486
+ height: 100%;
487
+ }
764
488
 
765
- .dc-dataset .ds-c-tabs .ds-c-tabs__item {
766
- text-decoration: none;
489
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__window {
490
+ width: 100%;
491
+ min-width: auto;
492
+ height: 100%;
493
+ margin-top: 0;
494
+ }
495
+
496
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {
497
+ flex-direction: column;
498
+ display: flex;
499
+ }
500
+
501
+ dialog.dkan-manage-columns-dialog .dkan-manage-columns-list {
502
+ max-height: calc(100vh - 435px);
503
+ }
504
+
505
+ dialog.dkan-manage-columns-dialog .ds-c-dialog__actions {
506
+ background-color: #fff;
507
+ padding-top: 16px;
508
+ position: absolute;
509
+ bottom: 0;
510
+ }
767
511
  }
768
512
 
769
- .dc-dataset .ds-c-tabs .ds-c-tabs__item svg {
770
- fill: var(--link__color);
513
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {
514
+ width: 100%;
515
+ max-width: 100%;
516
+ margin: 0;
771
517
  }
772
518
 
773
- .dc-dataset .ds-c-tabs svg {
774
- margin-right: 8px;
519
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window form {
520
+ max-width: 1024px;
775
521
  }
776
522
 
777
- #main-content {
778
- overflow: visible;
523
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode {
524
+ min-height: calc(100vh - 415px);
525
+ max-height: calc(100vh - 415px);
526
+ overflow: hidden;
779
527
  }
780
528
 
781
- .dc-c-word-break--all {
782
- word-break: break-all;
529
+ dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window .dkan-datatable-fullscreen-mode .dc-c-datatable-wrapper {
530
+ max-height: calc(100vh - 473px);
783
531
  }
784
532
 
785
533
  :root {
@@ -857,162 +605,522 @@ ul.dc-c-resource-full-width {
857
605
  display: inline-block;
858
606
  }
859
607
 
860
- .dc-c-mobile-header--menu {
861
- background-color: var(--color-gray-dark);
862
- z-index: 500;
863
- visibility: hidden;
864
- width: 100%;
865
- height: 100%;
866
- padding: 50px 0;
867
- transition: left .7s;
868
- position: fixed;
869
- top: 0;
870
- bottom: 0;
871
- left: -100%;
608
+ .dc-c-mobile-header--menu {
609
+ background-color: var(--color-gray-dark);
610
+ z-index: 500;
611
+ visibility: hidden;
612
+ width: 100%;
613
+ height: 100%;
614
+ padding: 50px 0;
615
+ transition: left .7s;
616
+ position: fixed;
617
+ top: 0;
618
+ bottom: 0;
619
+ left: -100%;
620
+ }
621
+
622
+ .dc-c-cmsheader {
623
+ background: var(--color-white);
624
+ position: relative;
625
+ }
626
+
627
+ .dc-c-cms-mobile-header-menu:before {
628
+ background: var(--color-primary-light);
629
+ content: "";
630
+ width: 48px;
631
+ height: 2px;
632
+ margin-bottom: 16px;
633
+ margin-left: 8px;
634
+ display: block;
635
+ }
636
+
637
+ .dc-c-cms-mobile-header-menu ul {
638
+ margin: 0;
639
+ padding: 0;
640
+ list-style: none;
641
+ }
642
+
643
+ .dc-c-cms-mobile-header-menu a, .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:focus, .dc-c-cms-mobile-header-menu a:visited {
644
+ color: var(--color-white);
645
+ background-color: #0000;
646
+ border-bottom: 2px solid #0000;
647
+ text-decoration: none;
648
+ display: inline-block;
649
+ }
650
+
651
+ .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:active {
652
+ border-bottom: 2px solid var(--color-primary-light);
653
+ }
654
+
655
+ .dc-c-header--mobile-links button {
656
+ padding: 0;
657
+ font-weight: 700;
658
+ }
659
+
660
+ .dc-c-header--mobile-links a {
661
+ display: block;
662
+ }
663
+
664
+ .dc-c-mobile-header.menu-open .dc-c-cmsheader {
665
+ z-index: 501;
666
+ background-color: #0000;
667
+ }
668
+
669
+ .dc-c-mobile-header.menu-open .dc-c-cmsheader-menu a, .dc-c-mobile-header.menu-open button, .dc-c-mobile-header.menu-open .cms-link-container a:before {
670
+ color: var(--color-white);
671
+ }
672
+
673
+ .dc-c-mobile-header.menu-open .dc-c-mobile-header--menu {
674
+ visibility: visible;
675
+ left: 0;
676
+ }
677
+
678
+ .cms-text-container {
679
+ color: #6f757c;
680
+ padding-top: 28px;
681
+ display: block;
682
+ }
683
+
684
+ .dc-c-cmsheader-menu {
685
+ margin: 0;
686
+ padding: 0;
687
+ }
688
+
689
+ .dc-c-cmsheader-menu li {
690
+ list-style: none;
691
+ }
692
+
693
+ .dc-c-cmsheader-menu a {
694
+ color: #323a45;
695
+ border-bottom: 1px solid #fff3;
696
+ margin: 3px 7px;
697
+ padding: 0;
698
+ text-decoration: none;
699
+ }
700
+
701
+ .dc-c-cmsheader-menu a:hover, .dc-c-cmsheader-menu a:active {
702
+ border-bottom: 2px solid #323a45;
703
+ }
704
+
705
+ @media (width >= 544px) {
706
+ .dc-c-main-navigation--search, .dc-c-mobile-menu--search {
707
+ border-left: 1px solid var(--color-white);
708
+ }
709
+ }
710
+
711
+ nav.dc-c-site-menu .dc-c-header--links {
712
+ margin: 0;
713
+ padding: 0;
714
+ }
715
+
716
+ nav.dc-c-site-menu .dc-c-header--links li {
717
+ height: 100%;
718
+ list-style: none;
719
+ }
720
+
721
+ nav.dc-c-site-menu .dc-c-header--links button {
722
+ border: none;
723
+ font-size: 16px;
724
+ text-decoration: none;
725
+ }
726
+
727
+ nav.dc-c-site-menu .dc-c-header--links button span {
728
+ border-bottom: 2px solid #0000;
729
+ }
730
+
731
+ nav.dc-c-site-menu .dc-c-header--links a {
732
+ padding: var(--space, 8px 24px);
733
+ text-decoration: none;
734
+ }
735
+
736
+ nav.dc-c-site-menu .dc-c-header--links a span {
737
+ border-bottom: 2px solid #0000;
738
+ }
739
+
740
+ nav.dc-c-site-menu .dc-c-header--links > li:hover > button span, nav.dc-c-site-menu .dc-c-header--links > li button:focus span, nav.dc-c-site-menu .dc-c-header--links > li button:hover span, nav.dc-c-site-menu .dc-c-header--links > li:hover > a span, nav.dc-c-site-menu .dc-c-header--links > li:focus > a span, nav.dc-c-site-menu .dc-c-header--links > li a:hover span, nav.dc-c-site-menu .dc-c-header--links > li a:focus span {
741
+ border-bottom: 2px solid var(--color-primary-light);
742
+ }
743
+
744
+ nav.dc-c-site-menu .dc-c-header--links a:focus, .dc-c-site-title a:focus {
745
+ box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
746
+ outline-offset: 3px;
747
+ border-radius: var(--button__border-radius);
748
+ background-color: #0000;
749
+ outline: 3px solid #0000;
750
+ text-decoration: none;
751
+ }
752
+
753
+ .dc-c-site-title a {
754
+ text-decoration: none;
755
+ }
756
+
757
+ .dc-c-mobile-menu--search {
758
+ display: inherit;
759
+ }
760
+
761
+ .dc-c-search-modal--button:before {
762
+ content: "";
763
+ color: var(--color-white);
764
+ text-align: center;
765
+ vertical-align: middle;
766
+ box-sizing: content-box;
767
+ width: 18px;
768
+ height: 18px;
769
+ margin-left: 10px;
770
+ padding-right: 10px;
771
+ font-family: "Font Awesome 6 Pro";
772
+ font-size: 18px;
773
+ font-weight: lighter;
774
+ line-height: 18px;
775
+ display: inline-block;
776
+ }
777
+
778
+ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
779
+ border-bottom: 2px solid var(--color-primary-light);
780
+ }
781
+
782
+ .ds-c-button.display-settings-font {
783
+ font: inherit;
784
+ }
785
+
786
+ .dc-c-breadcrumb__list {
787
+ margin-top: 0;
788
+ margin-bottom: 0;
789
+ padding-left: 0;
790
+ list-style-type: none;
791
+ display: block;
792
+ }
793
+
794
+ .dc-c-breadcrumb__list > li {
795
+ max-width: unset;
796
+ margin-bottom: 0;
797
+ }
798
+
799
+ .dc-c-breadcrumb__list > li:after {
800
+ content: "";
801
+ margin: 0 10px;
802
+ font-family: "Font Awesome 6 Pro";
803
+ font-size: 10px;
804
+ font-weight: 600;
805
+ }
806
+
807
+ .dc-c-breadcrumb__list > li:last-child:after {
808
+ content: "";
809
+ margin: 0;
810
+ }
811
+
812
+ .dc-c-breadcrumb__list-item {
813
+ display: inline-block;
814
+ }
815
+
816
+ .dc-c-breadcrumb__link {
817
+ display: inline;
818
+ }
819
+
820
+ .dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {
821
+ overflow: visible;
822
+ }
823
+
824
+ .dc-query-builder .react-datepicker select {
825
+ background-image: none;
826
+ }
827
+
828
+ .dc-c-resource-action {
829
+ min-height: 100%;
830
+ }
831
+
832
+ .dc-filtered-resource-toggle {
833
+ align-self: center;
834
+ }
835
+
836
+ .dc-c-filterd-resouce-drawer .ds-c-help-drawer__footer h4 {
837
+ display: none;
838
+ }
839
+
840
+ .dc-c-resource-header--buttons {
841
+ display: flex;
842
+ }
843
+
844
+ .dkan-c-cms-topnav--tagline {
845
+ color: var(--tag-line--color);
846
+ }
847
+
848
+ .dkan-c-header--mobile .dkan-c-cms-topnav--tagline {
849
+ display: none;
850
+ }
851
+
852
+ .dkan-c-header--desktop .dkan-c-cms-topnav--tagline {
853
+ border-left: 1px solid var(--tag-line--border-color);
854
+ align-items: center;
855
+ display: inline-flex;
856
+ }
857
+
858
+ :root {
859
+ --header-nav-icon-link--desktop-width: 240px;
860
+ --header-nav-icon-link--mobile-width: 90px;
861
+ }
862
+
863
+ .dkan-c-header-nav-icon-link {
864
+ border-right: none;
865
+ align-items: center;
866
+ display: inline-flex;
867
+ }
868
+
869
+ .dkan-c-header-nav-icon-link a {
870
+ border-bottom: none;
871
+ text-decoration: none;
872
+ display: inline-block;
873
+ }
874
+
875
+ .dkan-c-header-nav-icon-link a:focus, .dkan-c-header-nav-icon-link a:hover {
876
+ background-color: #0000;
877
+ }
878
+
879
+ .dkan-c-header-nav-icon-link.show-back-arrow a:before {
880
+ content: "";
881
+ color: #323a45;
882
+ text-align: center;
883
+ vertical-align: middle;
884
+ width: 18px;
885
+ height: 18px;
886
+ margin-left: 10px;
887
+ padding-right: 10px;
888
+ font-family: "Font Awesome 6 Pro";
889
+ font-size: 18px;
890
+ font-weight: lighter;
891
+ line-height: 18px;
892
+ display: inline-block;
893
+ }
894
+
895
+ .dkan-c-header-nav-icon-link img {
896
+ vertical-align: middle;
897
+ height: auto;
898
+ display: inline-block;
899
+ }
900
+
901
+ .dkan-c-header--mobile .dkan-c-header-nav-icon-link img {
902
+ width: var(--header-nav-icon-link--mobile-width);
903
+ }
904
+
905
+ .dkan-c-header--desktop .dkan-c-header-nav-icon-link img {
906
+ width: var(--header-nav-icon-link--desktop-width);
907
+ }
908
+
909
+ .dkan-c-cms-topnav {
910
+ height: 51px;
911
+ }
912
+
913
+ .dkan-c-cms-topnav > div {
914
+ height: 100%;
915
+ }
916
+
917
+ .dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {
918
+ margin: 3px 7px;
919
+ display: inline-block;
920
+ }
921
+
922
+ .dkan-c-cms-topnav--menu ul {
923
+ margin: 0;
924
+ padding: 0;
925
+ list-style: none;
926
+ }
927
+
928
+ .dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {
929
+ height: 100%;
930
+ margin-left: 16px;
931
+ }
932
+
933
+ @media screen and (width <= 544px) {
934
+ .dkan-c-cms-topnav {
935
+ display: none;
936
+ }
937
+ }
938
+
939
+ @media screen and (width >= 1024px) {
940
+ .dkan-c-cms-topnav {
941
+ height: 85px;
942
+ }
943
+ }
944
+
945
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button span {
946
+ border-bottom: 2px solid #0000;
947
+ }
948
+
949
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile {
950
+ display: none;
951
+ }
952
+
953
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {
954
+ color: var(--header-nav-link--mobile-color);
955
+ text-decoration: none;
956
+ }
957
+
958
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:hover, .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:focus {
959
+ color: var(--header-nav-link--mobile-color);
960
+ }
961
+
962
+ .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:hover span, .dkan-c-header--mobile .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button:focus span {
963
+ border-bottom-color: var(--header-nav-link--mobile-color);
964
+ }
965
+
966
+ .dkan-c-header-search--modal-button:before {
967
+ content: "";
968
+ text-align: center;
969
+ vertical-align: middle;
970
+ box-sizing: content-box;
971
+ width: 18px;
972
+ height: 18px;
973
+ margin-left: 10px;
974
+ padding-right: 10px;
975
+ font-family: "Font Awesome 6 Pro";
976
+ font-size: 18px;
977
+ font-weight: lighter;
978
+ line-height: 18px;
979
+ display: inline-block;
980
+ }
981
+
982
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button {
983
+ color: var(--header-nav-search--color);
984
+ text-decoration: none;
985
+ }
986
+
987
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover {
988
+ color: var(--header-nav-search--color);
989
+ }
990
+
991
+ .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:focus span, .dkan-c-main-navigation--search .dkan-c-header-search--modal-button:hover span {
992
+ border-bottom-color: var(--header-nav-search--color);
872
993
  }
873
994
 
874
- .dc-c-cmsheader {
875
- background: var(--color-white);
876
- position: relative;
995
+ .dkan-c-header--desktop .dkan-c-main-navigation--search {
996
+ border-left: 2px solid var(--header-nav-search--color);
877
997
  }
878
998
 
879
- .dc-c-cms-mobile-header-menu:before {
880
- background: var(--color-primary-light);
881
- content: "";
882
- width: 48px;
883
- height: 2px;
884
- margin-bottom: 16px;
885
- margin-left: 8px;
886
- display: block;
999
+ .dkan-c-header--desktop .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {
1000
+ display: none;
887
1001
  }
888
1002
 
889
- .dc-c-cms-mobile-header-menu ul {
890
- margin: 0;
891
- padding: 0;
1003
+ .dkan-c-header--link-list {
892
1004
  list-style: none;
893
1005
  }
894
1006
 
895
- .dc-c-cms-mobile-header-menu a, .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:focus, .dc-c-cms-mobile-header-menu a:visited {
896
- color: var(--color-white);
897
- background-color: #0000;
898
- border-bottom: 2px solid #0000;
899
- text-decoration: none;
900
- display: inline-block;
1007
+ .dkan-c-header--wrapper {
1008
+ flex-wrap: nowrap !important;
901
1009
  }
902
1010
 
903
- .dc-c-cms-mobile-header-menu a:hover, .dc-c-cms-mobile-header-menu a:active {
904
- border-bottom: 2px solid var(--color-primary-light);
1011
+ .dkan-c-header--link-list .dkan-c-header--link span, .dkan-c-header--link-list .dkan-c-header--link + ul a span {
1012
+ border-bottom: 2px solid #0000;
905
1013
  }
906
1014
 
907
- .dc-c-header--mobile-links button {
908
- padding: 0;
909
- font-weight: 700;
1015
+ .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a {
1016
+ color: var(--header-nav-link--mobile-color);
1017
+ text-decoration: none;
910
1018
  }
911
1019
 
912
- .dc-c-header--mobile-links a {
913
- display: block;
1020
+ .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:hover, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:focus, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:hover, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:focus {
1021
+ color: var(--header-nav-link--mobile-color);
914
1022
  }
915
1023
 
916
- .dc-c-mobile-header.menu-open .dc-c-cmsheader {
917
- z-index: 501;
918
- background-color: #0000;
1024
+ .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:hover span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link:focus span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:hover span, .dkan-c-header--mobile .dkan-c-header--link-list .dkan-c-header--link + ul a:focus span {
1025
+ border-bottom-color: var(--header-nav-link--mobile-color);
919
1026
  }
920
1027
 
921
- .dc-c-mobile-header.menu-open .dc-c-cmsheader-menu a, .dc-c-mobile-header.menu-open button, .dc-c-mobile-header.menu-open .cms-link-container a:before {
922
- color: var(--color-white);
1028
+ .dkan-c-header--mobile .dkan-c-nav-menu ul {
1029
+ padding-inline-start: 0;
923
1030
  }
924
1031
 
925
- .dc-c-mobile-header.menu-open .dc-c-mobile-header--menu {
926
- visibility: visible;
927
- left: 0;
1032
+ .dkan-c-header--mobile .dkan-c-nav-menu--close {
1033
+ display: none;
928
1034
  }
929
1035
 
930
- .cms-text-container {
931
- color: #6f757c;
932
- padding-top: 28px;
1036
+ .dkan-c-header--mobile .dkan-c-nav-menu--open {
1037
+ background-color: var(--header-mobile-bg-color);
1038
+ z-index: 500;
1039
+ transition-property: left;
1040
+ transition-duration: var(--mobile-nav-animation-time);
1041
+ flex: none;
1042
+ width: 100%;
1043
+ max-width: 100%;
1044
+ height: 100%;
1045
+ padding: 50px 0;
933
1046
  display: block;
1047
+ position: fixed;
1048
+ top: 0;
1049
+ bottom: 0;
1050
+ left: 0;
934
1051
  }
935
1052
 
936
- .dc-c-cmsheader-menu {
937
- margin: 0;
938
- padding: 0;
939
- }
940
-
941
- .dc-c-cmsheader-menu li {
942
- list-style: none;
1053
+ .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav {
1054
+ display: inherit;
1055
+ padding-top: 8px;
943
1056
  }
944
1057
 
945
- .dc-c-cmsheader-menu a {
946
- color: #323a45;
947
- border-bottom: 1px solid #fff3;
948
- margin: 3px 7px;
949
- padding: 0;
950
- text-decoration: none;
1058
+ .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav:before {
1059
+ background: var(--color-primary-light);
1060
+ content: "";
1061
+ width: 48px;
1062
+ height: 2px;
1063
+ margin-left: 24px;
1064
+ display: block;
1065
+ position: absolute;
951
1066
  }
952
1067
 
953
- .dc-c-cmsheader-menu a:hover, .dc-c-cmsheader-menu a:active {
954
- border-bottom: 2px solid #323a45;
1068
+ .dkan-c-header--mobile .dkan-c-nav-menu .dkan-c-top-nav ul {
1069
+ padding-top: 16px;
955
1070
  }
956
1071
 
957
- @media (width >= 544px) {
958
- .dc-c-main-navigation--search, .dc-c-mobile-menu--search {
959
- border-left: 1px solid var(--color-white);
960
- }
1072
+ .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link, .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link + ul a {
1073
+ color: var(--header-nav-link--color);
1074
+ padding: var(--space, 8px 8px);
1075
+ text-decoration: none;
961
1076
  }
962
1077
 
963
- nav.dc-c-site-menu .dc-c-header--links {
964
- margin: 0;
965
- padding: 0;
1078
+ .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link:hover span, .dkan-c-header--desktop ul.dkan-c-header--link-list .dkan-c-header--link + ul a:hover span {
1079
+ border-bottom-color: var(--header-nav-link--color);
966
1080
  }
967
1081
 
968
- nav.dc-c-site-menu .dc-c-header--links li {
969
- height: 100%;
970
- list-style: none;
1082
+ .dkan-c-header--desktop .dkan-c-header--link-list {
1083
+ margin-block: 0;
971
1084
  }
972
1085
 
973
- nav.dc-c-site-menu .dc-c-header--links button {
974
- border: none;
975
- font-size: 16px;
976
- text-decoration: none;
1086
+ .dkan-c-header--desktop .dkan-c-main-nav {
1087
+ flex-direction: row;
1088
+ justify-content: end;
1089
+ display: flex;
977
1090
  }
978
1091
 
979
- nav.dc-c-site-menu .dc-c-header--links button span {
980
- border-bottom: 2px solid #0000;
1092
+ .dkan-c-header--desktop .dkan-c-nav-menu--mobile-close-button {
1093
+ display: none;
981
1094
  }
982
1095
 
983
- nav.dc-c-site-menu .dc-c-header--links a {
984
- padding: var(--space, 8px 24px);
985
- text-decoration: none;
1096
+ .dkan-c-header--desktop .dkan-c-header--link-list {
1097
+ flex-direction: row;
1098
+ display: flex;
986
1099
  }
987
1100
 
988
- nav.dc-c-site-menu .dc-c-header--links a span {
989
- border-bottom: 2px solid #0000;
1101
+ .dkan-c-header--desktop .dkan-c-nav-menu .dkan-c-top-nav {
1102
+ display: none;
990
1103
  }
991
1104
 
992
- nav.dc-c-site-menu .dc-c-header--links > li:hover > button span, nav.dc-c-site-menu .dc-c-header--links > li button:focus span, nav.dc-c-site-menu .dc-c-header--links > li button:hover span, nav.dc-c-site-menu .dc-c-header--links > li:hover > a span, nav.dc-c-site-menu .dc-c-header--links > li:focus > a span, nav.dc-c-site-menu .dc-c-header--links > li a:hover span, nav.dc-c-site-menu .dc-c-header--links > li a:focus span {
993
- border-bottom: 2px solid var(--color-primary-light);
1105
+ :root {
1106
+ --mobile-menu-button--color: var(--color-white);
1107
+ --mobile-menu-button--hover-color: var(--color-white);
994
1108
  }
995
1109
 
996
- nav.dc-c-site-menu .dc-c-header--links a:focus, .dc-c-site-title a:focus {
997
- box-shadow: 0 0 0 3px var(--color-focus-light), 0 0 4px 6px var(--color-focus-dark);
998
- outline-offset: 3px;
999
- border-radius: var(--button__border-radius);
1000
- background-color: #0000;
1001
- outline: 3px solid #0000;
1002
- text-decoration: none;
1110
+ .dkan-c-header--desktop .dkan-c-mobile-menu-button {
1111
+ display: none;
1003
1112
  }
1004
1113
 
1005
- .dc-c-site-title a {
1006
- text-decoration: none;
1114
+ .dkan-c-header--mobile .dkan-c-mobile-menu-button {
1115
+ display: inherit;
1007
1116
  }
1008
1117
 
1009
- .dc-c-mobile-menu--search {
1010
- display: inherit;
1118
+ button.dkan-c-mobile-menu-button {
1119
+ color: var(--mobile-menu-button--color);
1011
1120
  }
1012
1121
 
1013
- .dc-c-search-modal--button:before {
1014
- content: "";
1015
- color: var(--color-white);
1122
+ button.dkan-c-mobile-menu-button:before {
1123
+ color: var(--mobile-menu-button--color);
1016
1124
  text-align: center;
1017
1125
  vertical-align: middle;
1018
1126
  box-sizing: content-box;
@@ -1027,69 +1135,67 @@ nav.dc-c-site-menu .dc-c-header--links a:focus, .dc-c-site-title a:focus {
1027
1135
  display: inline-block;
1028
1136
  }
1029
1137
 
1030
- nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
1031
- border-bottom: 2px solid var(--color-primary-light);
1138
+ button.dkan-c-mobile-menu-button:hover, button.dkan-c-mobile-menu-button:hover:before {
1139
+ color: var(--mobile-menu-button--hover-color);
1032
1140
  }
1033
1141
 
1034
- .ds-c-button.display-settings-font {
1035
- font: inherit;
1142
+ button.dkan-c-mobile-menu-button--open:before {
1143
+ content: "";
1036
1144
  }
1037
1145
 
1038
- .dc-c-breadcrumb__list {
1039
- margin-top: 0;
1040
- margin-bottom: 0;
1041
- padding-left: 0;
1042
- list-style-type: none;
1043
- display: block;
1146
+ div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {
1147
+ border-radius: 4px;
1148
+ border-top: 8px solid var(--color-secondary) !important;
1044
1149
  }
1045
1150
 
1046
- .dc-c-breadcrumb__list > li {
1047
- max-width: unset;
1048
- margin-bottom: 0;
1151
+ .dkan-c-sidebar-nav ul {
1152
+ margin: 0;
1153
+ padding: 0;
1154
+ list-style: none;
1155
+ display: block;
1049
1156
  }
1050
1157
 
1051
- .dc-c-breadcrumb__list > li:after {
1052
- content: "";
1053
- margin: 0 10px;
1054
- font-family: "Font Awesome 6 Pro";
1055
- font-size: 10px;
1056
- font-weight: 600;
1158
+ .dkan-c-sidebar-nav-link, .dkan-c-sidebar-nav-link:visited {
1159
+ color: var(--color-base);
1160
+ text-decoration: none;
1057
1161
  }
1058
1162
 
1059
- .dc-c-breadcrumb__list > li:last-child:after {
1060
- content: "";
1061
- margin: 0;
1163
+ .dkan-c-sidebar-nav-link:hover, .dkan-c-sidebar-nav-link:visited:hover {
1164
+ text-decoration: underline;
1062
1165
  }
1063
1166
 
1064
- .dc-c-breadcrumb__list-item {
1065
- display: inline-block;
1167
+ .dkan-c-sidebar-nav-link-status {
1168
+ border: 2px solid var(--color-gray-lighter);
1169
+ border-radius: 2px;
1066
1170
  }
1067
1171
 
1068
- .dc-c-breadcrumb__link {
1069
- display: inline;
1172
+ .active .dkan-c-sidebar-nav-link-status {
1173
+ border: 2px solid var(--color-primary-darker);
1174
+ border-radius: 2px;
1070
1175
  }
1071
1176
 
1072
- .dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {
1073
- overflow: visible;
1177
+ .dkan-c-sidebar-nav--mobile {
1178
+ margin-bottom: 32px;
1074
1179
  }
1075
1180
 
1076
- .dc-query-builder .react-datepicker select {
1077
- background-image: none;
1181
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--open {
1182
+ display: inherit;
1078
1183
  }
1079
1184
 
1080
- .dc-c-resource-action {
1081
- min-height: 100%;
1185
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav-menu--close {
1186
+ display: none;
1082
1187
  }
1083
1188
 
1084
- .dc-filtered-resource-toggle {
1085
- align-self: center;
1189
+ .dkan-c-sidebar-nav--mobile .dkan-c-sidebar-nav--mobile-header {
1190
+ margin-top: -32px;
1191
+ display: flex;
1086
1192
  }
1087
1193
 
1088
- .dc-c-filterd-resouce-drawer .ds-c-help-drawer__footer h4 {
1194
+ .dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {
1089
1195
  display: none;
1090
1196
  }
1091
1197
 
1092
- .dc-c-resource-header--buttons {
1093
- display: flex;
1198
+ .dkan-c-sidebar-nav--mobile {
1199
+ display: inherit;
1094
1200
  }
1095
1201
  /*# sourceMappingURL=main.css.map */