gd-bs 5.4.2 → 5.4.5

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/src/bs.scss CHANGED
@@ -41,6 +41,7 @@
41
41
  @import "~bootstrap/scss/placeholders";
42
42
  }
43
43
 
44
+
44
45
  /** Helpers */
45
46
 
46
47
  @import "~bootstrap/scss/helpers";
@@ -88,17 +89,19 @@
88
89
  margin-bottom: 0;
89
90
  }
90
91
  /* Color match breadcrumb links */
91
- .breadcrumb-item.active, .breadcrumb-item > a {
92
+ .breadcrumb-item.active,
93
+ .breadcrumb-item>a {
92
94
  color: #fff;
93
95
  text-decoration: none;
94
96
  }
95
97
  /* Color match breadcrumb hover links */
96
- .breadcrumb-item > a:hover, .breadcrumb-item > a:focus {
98
+ .breadcrumb-item>a:hover,
99
+ .breadcrumb-item>a:focus {
97
100
  color: #dee2e6;
98
101
  text-decoration: underline;
99
102
  }
100
103
  /* Color match breadcrumb active links */
101
- .breadcrumb-item > a:active {
104
+ .breadcrumb-item>a:active {
102
105
  color: #333333;
103
106
  font-weight: 500;
104
107
  text-decoration: underline;
@@ -223,7 +226,8 @@
223
226
  border-color: #6c757d;
224
227
  }
225
228
  /* Color match disabled form elements */
226
- .form-control:disabled, .form-control[readonly] {
229
+ .form-control:disabled,
230
+ .form-control[readonly] {
227
231
  border-color: #eaeaea;
228
232
  color: #a6a6a6;
229
233
  }
@@ -287,10 +291,9 @@
287
291
  .mw-fit {
288
292
  max-width: fit-content !important;
289
293
  }
290
- /* Fix padding on the nav links */
294
+ /* Set color for nav links */
291
295
  .nav-link {
292
296
  color: #0078d4;
293
- padding: 0 !important;
294
297
  }
295
298
  /* Set background color and border for nav-tabs */
296
299
  .nav-tabs .nav-link {
@@ -414,7 +417,9 @@
414
417
  }
415
418
  }
416
419
 
420
+
417
421
  /** Modal background - Shouldn't be under the .bs class */
422
+
418
423
  .modal-backdrop {
419
424
  position: fixed;
420
425
  top: 0;
@@ -432,7 +437,9 @@
432
437
  }
433
438
  }
434
439
 
440
+
435
441
  /** Offcanvas background - Shouldn't be under the .bs class */
442
+
436
443
  .offcanvas-backdrop {
437
444
  position: fixed;
438
445
  top: 0;
@@ -450,23 +457,33 @@
450
457
  }
451
458
  }
452
459
 
460
+
453
461
  /* Center the dataTables_info element properly */
462
+
454
463
  div.dataTables_wrapper div.dataTables_info {
455
464
  padding-top: 0.9rem;
456
465
  }
457
466
 
467
+
458
468
  /* Add proper width for dataTables_length select */
469
+
459
470
  div.dataTables_wrapper div.dataTables_length select {
460
471
  width: 3.75rem;
461
472
  }
462
473
 
474
+
463
475
  /* Color match colReorder line */
476
+
464
477
  div.DTCR_pointer {
465
478
  background-color: #0078d4;
466
479
  }
467
480
 
481
+
468
482
  /* Be sure to escape any characters, such as # to %23 when specifying hex color values in background-image */
483
+
484
+
469
485
  /* DataTables sorting with Bootstrap Icons */
486
+
470
487
  table.dataTable thead .sorting,
471
488
  table.dataTable thead .sorting_asc,
472
489
  table.dataTable thead .sorting_desc,
@@ -489,21 +506,28 @@ table.dataTable thead .sorting_desc_disabled:after {
489
506
  content: "" !important;
490
507
  }
491
508
 
509
+
492
510
  /* Bootstrap Icon: caret-up */
511
+
493
512
  table.dataTable thead .sorting {
494
513
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.204 11L8 5.519 12.796 11H3.204zm-.753-.659l4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z'/></svg>");
495
514
  }
496
515
 
516
+
497
517
  /* Bootstrap Icon: caret-up-fill */
518
+
498
519
  table.dataTable thead .sorting_asc {
499
520
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/></svg>");
500
521
  }
501
522
 
523
+
502
524
  /* Bootstrap Icon: caret-down-fill */
525
+
503
526
  table.dataTable thead .sorting_desc {
504
527
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
505
528
  }
506
529
 
530
+
507
531
  /* Tippy Tooltip primary theme color */
508
532
 
509
533
  .tippy-box[data-theme~='primary'] {
@@ -526,6 +550,7 @@ table.dataTable thead .sorting_desc {
526
550
  border-right-color: #0078d4;
527
551
  }
528
552
 
553
+
529
554
  /* Tippy Tooltip secondary theme color */
530
555
 
531
556
  .tippy-box[data-theme~='secondary'] {
@@ -548,6 +573,7 @@ table.dataTable thead .sorting_desc {
548
573
  border-right-color: #6c757d;
549
574
  }
550
575
 
576
+
551
577
  /* Tippy Tooltip success theme color */
552
578
 
553
579
  .tippy-box[data-theme~='success'] {
@@ -570,6 +596,7 @@ table.dataTable thead .sorting_desc {
570
596
  border-right-color: #198754;
571
597
  }
572
598
 
599
+
573
600
  /* Tippy Tooltip info theme color */
574
601
 
575
602
  .tippy-box[data-theme~='info'] {
@@ -593,6 +620,7 @@ table.dataTable thead .sorting_desc {
593
620
  border-right-color: #0dcaf0;
594
621
  }
595
622
 
623
+
596
624
  /* Tippy Tooltip warning theme color */
597
625
 
598
626
  .tippy-box[data-theme~='warning'] {
@@ -616,6 +644,7 @@ table.dataTable thead .sorting_desc {
616
644
  border-right-color: #ffc107;
617
645
  }
618
646
 
647
+
619
648
  /* Tippy Tooltip danger theme color */
620
649
 
621
650
  .tippy-box[data-theme~='danger'] {
@@ -638,6 +667,7 @@ table.dataTable thead .sorting_desc {
638
667
  border-right-color: #dc3545;
639
668
  }
640
669
 
670
+
641
671
  /* Tippy Tooltip light theme color - override Tippy default to match Bootstrap */
642
672
 
643
673
  .tippy-box[data-theme~='light'] {
@@ -661,6 +691,7 @@ table.dataTable thead .sorting_desc {
661
691
  border-right-color: #f8f9fa !important;
662
692
  }
663
693
 
694
+
664
695
  /* Tippy Tooltip dark theme color */
665
696
 
666
697
  .tippy-box[data-theme~='dark'] {
@@ -125,8 +125,9 @@ export class DropdownItem {
125
125
  // Prevent the page from moving to the top
126
126
  ev.preventDefault();
127
127
 
128
- // See if we are selecting items
129
- if (this._parent.autoSelect) {
128
+ // See if we are automatically selecting items
129
+ let autoSelect = typeof (this._parent.autoSelect) === "boolean" ? this._parent.autoSelect : true;
130
+ if (autoSelect) {
130
131
  // Toggle the item
131
132
  this.toggle();
132
133
  }