@syncfusion/ej2-angular-navigations 20.3.60-ngcc → 20.4.38-ngcc

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.
Files changed (112) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +2 -2
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +2 -2
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +17 -0
  6. package/dist/ej2-angular-navigations.umd.js +3 -3
  7. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  8. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  9. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  10. package/ej2-angular-navigations.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/tab/items.directive.d.ts +7 -0
  16. package/src/toolbar/items.directive.d.ts +7 -0
  17. package/styles/accordion/bootstrap-dark.css +202 -16
  18. package/styles/accordion/bootstrap.css +202 -16
  19. package/styles/accordion/bootstrap4.css +171 -17
  20. package/styles/accordion/bootstrap5-dark.css +202 -13
  21. package/styles/accordion/bootstrap5.css +202 -13
  22. package/styles/accordion/fabric-dark.css +209 -11
  23. package/styles/accordion/fabric.css +209 -11
  24. package/styles/accordion/fluent-dark.css +217 -5
  25. package/styles/accordion/fluent.css +217 -5
  26. package/styles/accordion/highcontrast-light.css +186 -52
  27. package/styles/accordion/highcontrast.css +186 -52
  28. package/styles/accordion/material-dark.css +210 -16
  29. package/styles/accordion/material.css +209 -15
  30. package/styles/accordion/tailwind-dark.css +199 -8
  31. package/styles/accordion/tailwind.css +199 -8
  32. package/styles/bootstrap-dark.css +999 -145
  33. package/styles/bootstrap.css +986 -132
  34. package/styles/bootstrap4.css +888 -167
  35. package/styles/bootstrap5-dark.css +949 -179
  36. package/styles/bootstrap5.css +949 -179
  37. package/styles/context-menu/bootstrap5-dark.css +0 -1
  38. package/styles/context-menu/bootstrap5.css +0 -1
  39. package/styles/context-menu/fluent-dark.css +0 -1
  40. package/styles/context-menu/fluent.css +0 -1
  41. package/styles/context-menu/tailwind-dark.css +0 -1
  42. package/styles/context-menu/tailwind.css +0 -1
  43. package/styles/fabric-dark.css +1068 -232
  44. package/styles/fabric.css +1067 -231
  45. package/styles/fluent-dark.css +1014 -123
  46. package/styles/fluent.css +1012 -121
  47. package/styles/h-scroll/bootstrap-dark.css +13 -0
  48. package/styles/h-scroll/bootstrap.css +13 -0
  49. package/styles/h-scroll/bootstrap4.css +7 -0
  50. package/styles/h-scroll/bootstrap5-dark.css +12 -0
  51. package/styles/h-scroll/bootstrap5.css +12 -0
  52. package/styles/h-scroll/fabric-dark.css +15 -2
  53. package/styles/h-scroll/fabric.css +15 -2
  54. package/styles/h-scroll/fluent-dark.css +13 -0
  55. package/styles/h-scroll/fluent.css +13 -0
  56. package/styles/h-scroll/highcontrast-light.css +8 -7
  57. package/styles/h-scroll/highcontrast.css +10 -9
  58. package/styles/h-scroll/material-dark.css +13 -2
  59. package/styles/h-scroll/material.css +13 -2
  60. package/styles/h-scroll/tailwind-dark.css +12 -0
  61. package/styles/h-scroll/tailwind.css +12 -0
  62. package/styles/highcontrast-light.css +918 -369
  63. package/styles/highcontrast.css +925 -370
  64. package/styles/material-dark.css +1184 -114
  65. package/styles/material.css +1162 -92
  66. package/styles/menu/fluent-dark.css +1 -1
  67. package/styles/menu/fluent.css +1 -1
  68. package/styles/tab/bootstrap-dark.css +587 -109
  69. package/styles/tab/bootstrap.css +574 -96
  70. package/styles/tab/bootstrap4.css +546 -114
  71. package/styles/tab/bootstrap5-dark.css +523 -134
  72. package/styles/tab/bootstrap5.css +523 -134
  73. package/styles/tab/fabric-dark.css +614 -199
  74. package/styles/tab/fabric.css +612 -197
  75. package/styles/tab/fluent-dark.css +546 -102
  76. package/styles/tab/fluent.css +546 -102
  77. package/styles/tab/highcontrast-light.css +520 -250
  78. package/styles/tab/highcontrast.css +520 -244
  79. package/styles/tab/material-dark.css +705 -54
  80. package/styles/tab/material.css +705 -54
  81. package/styles/tab/tailwind-dark.css +706 -71
  82. package/styles/tab/tailwind.css +706 -71
  83. package/styles/tailwind-dark.css +1145 -99
  84. package/styles/tailwind.css +1144 -98
  85. package/styles/toolbar/bootstrap-dark.css +196 -19
  86. package/styles/toolbar/bootstrap.css +196 -19
  87. package/styles/toolbar/bootstrap4.css +164 -36
  88. package/styles/toolbar/bootstrap5-dark.css +210 -29
  89. package/styles/toolbar/bootstrap5.css +210 -29
  90. package/styles/toolbar/fabric-dark.css +219 -9
  91. package/styles/toolbar/fabric.css +220 -10
  92. package/styles/toolbar/fluent-dark.css +233 -10
  93. package/styles/toolbar/fluent.css +233 -10
  94. package/styles/toolbar/highcontrast-light.css +199 -43
  95. package/styles/toolbar/highcontrast.css +200 -44
  96. package/styles/toolbar/material-dark.css +233 -19
  97. package/styles/toolbar/material.css +233 -19
  98. package/styles/toolbar/tailwind-dark.css +224 -15
  99. package/styles/toolbar/tailwind.css +223 -14
  100. package/styles/treeview/fluent-dark.css +2 -2
  101. package/styles/treeview/material.css +2 -2
  102. package/styles/treeview/tailwind.css +2 -2
  103. package/styles/v-scroll/bootstrap5-dark.css +2 -2
  104. package/styles/v-scroll/bootstrap5.css +2 -2
  105. package/styles/v-scroll/fabric-dark.css +2 -2
  106. package/styles/v-scroll/fabric.css +2 -2
  107. package/styles/v-scroll/fluent-dark.css +2 -2
  108. package/styles/v-scroll/fluent.css +2 -2
  109. package/styles/v-scroll/highcontrast-light.css +2 -14
  110. package/styles/v-scroll/highcontrast.css +2 -14
  111. package/styles/v-scroll/tailwind-dark.css +2 -2
  112. package/styles/v-scroll/tailwind.css +2 -2
package/styles/accordion/material-dark.css CHANGED
@@ -11,6 +11,7 @@
11
11
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
12
12
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
13
13
  font-size: 16px;
14
+ vertical-align: middle;
14
15
  }
15
16
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
16
17
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel {
@@ -56,15 +57,21 @@
56
57
  min-height: 48px;
57
58
  min-width: 30px;
58
59
  right: 16px;
60
+ font-size: 12px;
59
61
  }
60
62
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
61
63
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
62
64
  display: inline-block;
63
65
  padding: 0 14px 0 0;
64
66
  }
67
+ .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
68
+ .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
69
+ font-size: 12px;
70
+ }
65
71
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
66
72
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
67
73
  padding: 16px;
74
+ font-size: 14px;
68
75
  }
69
76
  .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
70
77
  .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
@@ -100,12 +107,23 @@
100
107
  display: block;
101
108
  position: relative;
102
109
  }
110
+ .e-accordion .e-acrdn-item {
111
+ border-radius: 0;
112
+ margin-top: 0;
113
+ }
103
114
  .e-accordion .e-acrdn-item.e-select.e-selected:first-child {
104
115
  border-top: 0;
105
116
  }
106
117
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
107
118
  border-bottom: 0;
108
119
  }
120
+ .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
121
+ margin-bottom: 0;
122
+ margin-top: 0;
123
+ }
124
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
125
+ margin: 0;
126
+ }
109
127
  .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
110
128
  font-weight: normal;
111
129
  }
@@ -119,7 +137,7 @@
119
137
  height: auto;
120
138
  }
121
139
  .e-accordion .e-acrdn-item {
122
- overflow: hidden;
140
+ overflow: visible;
123
141
  padding-top: 0;
124
142
  position: relative;
125
143
  }
@@ -132,7 +150,11 @@
132
150
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
133
151
  cursor: pointer;
134
152
  }
153
+ .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
154
+ text-decoration: none;
155
+ }
135
156
  .e-accordion .e-acrdn-item .e-acrdn-header {
157
+ border-radius: 0;
136
158
  line-height: 35px;
137
159
  min-height: 36px;
138
160
  overflow: hidden;
@@ -140,10 +162,14 @@
140
162
  text-decoration: none;
141
163
  text-overflow: ellipsis;
142
164
  white-space: nowrap;
165
+ margin-bottom: 0;
143
166
  }
144
167
  .e-accordion .e-acrdn-item .e-acrdn-header > * {
145
168
  display: inline-block;
146
169
  }
170
+ .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
171
+ line-height: 35px;
172
+ }
147
173
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
148
174
  display: table;
149
175
  font-size: 12px;
@@ -166,6 +192,9 @@
166
192
  display: inline-block;
167
193
  padding: 0 8px 0 0;
168
194
  }
195
+ .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
196
+ font-size: 12px;
197
+ }
169
198
  .e-accordion .e-acrdn-item .e-acrdn-panel {
170
199
  font-size: 13px;
171
200
  overflow-y: hidden;
@@ -244,34 +273,118 @@
244
273
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
245
274
  background: #303030;
246
275
  border: 1px solid #616161;
276
+ border-radius: 0;
247
277
  }
248
278
  .e-accordion .e-active {
249
279
  background: #303030;
250
280
  }
281
+ .e-accordion .e-acrdn-item {
282
+ border-color: #616161;
283
+ border-style: solid;
284
+ border-width: 0;
285
+ border-radius: 0;
286
+ }
287
+ .e-accordion .e-acrdn-item.e-select:last-child {
288
+ border-bottom: 1px solid transparent;
289
+ border-radius: 0;
290
+ }
291
+ .e-accordion .e-acrdn-item:first-child .e-acrdn-header:focus {
292
+ border-radius: 0;
293
+ }
294
+ .e-accordion .e-acrdn-item:last-child {
295
+ border-bottom: 0;
296
+ }
297
+ .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
298
+ border-radius: 0;
299
+ }
300
+ .e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
301
+ border-radius: 0;
302
+ }
303
+ .e-accordion .e-acrdn-item.e-item-focus {
304
+ border-color: #616161;
305
+ border-style: solid;
306
+ border-width: 0;
307
+ }
251
308
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
252
- border-top: 1px solid none;
309
+ border-top: 0;
310
+ }
311
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
312
+ border-color: #616161;
313
+ border-style: solid;
314
+ border-width: 0;
315
+ }
316
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
317
+ background: rgba(255, 255, 255, 0.05);
318
+ }
319
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
320
+ color: #fff;
321
+ }
322
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons {
323
+ color: rgba(255, 255, 255, 0.7);
324
+ }
325
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-icon .e-icons {
326
+ color: #fff;
253
327
  }
254
328
  .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
255
329
  border-color: rgba(255, 255, 255, 0.05);
256
330
  }
257
331
  .e-accordion .e-acrdn-item.e-expand-state.e-select {
258
- border-bottom: 1px solid none;
259
- border-top: 1px solid none;
332
+ border-color: none;
333
+ border-style: solid;
334
+ border-width: 1px 0 1px 0;
335
+ }
336
+ .e-accordion .e-acrdn-item .e-acrdn-header {
337
+ border: 0;
338
+ }
339
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons,
340
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
341
+ color: #fff;
260
342
  }
261
343
  .e-accordion .e-acrdn-item.e-overlay {
262
344
  background: #303030;
345
+ opacity: 0.5;
346
+ }
347
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-icons,
348
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-acrdn-header-content {
349
+ color: #00b0ff;
350
+ }
351
+ .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons {
352
+ color: #fff;
353
+ }
354
+ .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
355
+ color: #fff;
263
356
  }
264
357
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
358
+ border-color: #616161;
359
+ border-style: solid;
360
+ border-width: 0;
265
361
  background: rgba(255, 255, 255, 0.05);
266
362
  }
363
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
364
+ background: none;
365
+ }
366
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
367
+ background: none;
368
+ }
369
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
370
+ color: #fff;
371
+ }
372
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-item:last-child {
373
+ border-bottom: 1px none #616161;
374
+ }
267
375
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
268
376
  color: #00b0ff;
269
377
  }
378
+ .e-accordion .e-acrdn-item.e-select {
379
+ background: none;
380
+ border-color: transparent;
381
+ border-style: solid;
382
+ border-width: 1px 0 1px 0;
383
+ }
270
384
  .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
271
385
  color: #fff;
272
- }
273
- .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-content-icon {
274
- color: rgba(255, 255, 255, 0.7);
386
+ background: none;
387
+ border-top: 0;
275
388
  }
276
389
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
277
390
  color: #00b0ff;
@@ -281,19 +394,65 @@
281
394
  }
282
395
  .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
283
396
  background: rgba(255, 255, 255, 0.05);
397
+ border: 0;
398
+ border-color: initial;
284
399
  }
285
400
  .e-accordion .e-acrdn-item .e-acrdn-header:hover {
401
+ border: 0;
286
402
  background: rgba(255, 255, 255, 0.1);
403
+ border-color: initial;
287
404
  }
288
405
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
406
+ border: 0;
407
+ border-color: initial;
289
408
  background: none;
290
409
  }
291
410
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
411
+ border: 0;
412
+ box-shadow: none;
292
413
  background: rgba(255, 255, 255, 0.05);
293
414
  }
415
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
416
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
417
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
418
+ color: #00b0ff;
419
+ }
420
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
421
+ color: #00b0ff;
422
+ }
423
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
424
+ color: rgba(255, 255, 255, 0.7);
425
+ }
426
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
427
+ color: rgba(255, 255, 255, 0.7);
428
+ }
429
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
430
+ color: #00b0ff;
431
+ }
294
432
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
433
+ border-color: initial;
434
+ border-style: solid;
435
+ border-width: 0;
295
436
  background: none;
296
437
  }
438
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
439
+ color: rgba(255, 255, 255, 0.7);
440
+ }
441
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
442
+ color: #fff;
443
+ }
444
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
445
+ color: #fff;
446
+ }
447
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
448
+ color: #fff;
449
+ }
450
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
451
+ color: #fff;
452
+ }
453
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
454
+ border-color: initial;
455
+ }
297
456
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
298
457
  color: rgba(255, 255, 255, 0.7);
299
458
  }
@@ -302,22 +461,57 @@
302
461
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
303
462
  color: #fff;
304
463
  }
305
- .e-accordion .e-acrdn-item.e-select {
306
- border-bottom: 1px solid transparent;
307
- border-top: 1px solid transparent;
308
- }
309
464
  .e-accordion .e-acrdn-item.e-select.e-item-focus {
310
465
  border-color: rgba(255, 255, 255, 0.05);
311
466
  }
467
+ .e-accordion .e-acrdn-item.e-selected {
468
+ border-color: #616161;
469
+ border-style: solid;
470
+ border-width: 0 0 1px 0;
471
+ }
312
472
  .e-accordion .e-acrdn-item.e-selected.e-select {
313
- border-bottom: 1px solid #616161;
314
- border-top: 1px solid #616161;
473
+ border-color: #616161;
474
+ border-style: solid;
475
+ border-width: 1px 0 1px 0;
476
+ }
477
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
478
+ background: #303030;
479
+ }
480
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
481
+ border-bottom: 0;
482
+ }
483
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
484
+ color: #00b0ff;
485
+ }
486
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
487
+ color: rgba(255, 255, 255, 0.7);
488
+ }
489
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
490
+ box-shadow: none;
315
491
  }
316
492
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
317
- border-top: 1px solid transparent;
493
+ border-color: transparent transparent #616161;
494
+ border-style: solid;
495
+ border-width: 1px 0 1px 0;
318
496
  }
319
- .e-accordion .e-acrdn-item.e-selected .e-selected:last-child {
320
- border-bottom: 1px none #616161;
497
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
498
+ color: rgba(255, 255, 255, 0.7);
499
+ }
500
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-acrdn-header-content {
501
+ color: #fff;
502
+ }
503
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
504
+ background: none;
505
+ border-radius: 0;
506
+ border-color: initial;
507
+ border-style: solid;
508
+ border-width: 0;
509
+ }
510
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:focus {
511
+ background: rgba(255, 255, 255, 0.05);
512
+ }
513
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
514
+ border-color: initial;
321
515
  }
322
516
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
323
517
  color: #fff;