@syncfusion/blazor-themes 29.2.5 → 29.2.8

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 (151) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +15 -0
  2. package/Compiled-Themes/bds-dark.css +15 -0
  3. package/Compiled-Themes/bds-lite.css +15 -0
  4. package/Compiled-Themes/bds.css +15 -0
  5. package/Compiled-Themes/bootstrap-dark-lite.css +15 -0
  6. package/Compiled-Themes/bootstrap-dark.css +15 -0
  7. package/Compiled-Themes/bootstrap-lite.css +15 -0
  8. package/Compiled-Themes/bootstrap.css +15 -0
  9. package/Compiled-Themes/bootstrap4-lite.css +15 -0
  10. package/Compiled-Themes/bootstrap4.css +15 -0
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +15 -0
  12. package/Compiled-Themes/bootstrap5-dark.css +15 -0
  13. package/Compiled-Themes/bootstrap5-lite.css +15 -0
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +15 -0
  15. package/Compiled-Themes/bootstrap5.3-dark.css +15 -0
  16. package/Compiled-Themes/bootstrap5.3-lite.css +15 -0
  17. package/Compiled-Themes/bootstrap5.3.css +15 -0
  18. package/Compiled-Themes/bootstrap5.css +15 -0
  19. package/Compiled-Themes/fabric-dark-lite.css +15 -0
  20. package/Compiled-Themes/fabric-dark.css +15 -0
  21. package/Compiled-Themes/fabric-lite.css +15 -0
  22. package/Compiled-Themes/fabric.css +15 -0
  23. package/Compiled-Themes/fluent-dark-lite.css +15 -0
  24. package/Compiled-Themes/fluent-dark.css +15 -0
  25. package/Compiled-Themes/fluent-lite.css +15 -0
  26. package/Compiled-Themes/fluent.css +15 -0
  27. package/Compiled-Themes/fluent2-dark-lite.css +15 -0
  28. package/Compiled-Themes/fluent2-dark.css +15 -0
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +15 -0
  30. package/Compiled-Themes/fluent2-highcontrast.css +15 -0
  31. package/Compiled-Themes/fluent2-lite.css +15 -0
  32. package/Compiled-Themes/fluent2.css +15 -0
  33. package/Compiled-Themes/highcontrast-lite.css +15 -0
  34. package/Compiled-Themes/highcontrast.css +15 -0
  35. package/Compiled-Themes/material-dark-lite.css +15 -0
  36. package/Compiled-Themes/material-dark.css +15 -0
  37. package/Compiled-Themes/material-lite.css +15 -0
  38. package/Compiled-Themes/material.css +15 -0
  39. package/Compiled-Themes/material3-dark-lite.css +15 -0
  40. package/Compiled-Themes/material3-dark.css +15 -0
  41. package/Compiled-Themes/material3-lite.css +15 -0
  42. package/Compiled-Themes/material3.css +15 -0
  43. package/Compiled-Themes/tailwind-dark-lite.css +15 -0
  44. package/Compiled-Themes/tailwind-dark.css +15 -0
  45. package/Compiled-Themes/tailwind-lite.css +15 -0
  46. package/Compiled-Themes/tailwind.css +15 -0
  47. package/Compiled-Themes/tailwind3-dark-lite.css +15 -0
  48. package/Compiled-Themes/tailwind3-dark.css +15 -0
  49. package/Compiled-Themes/tailwind3-lite.css +15 -0
  50. package/Compiled-Themes/tailwind3.css +15 -0
  51. package/SCSS-Themes/bds-dark-lite.scss +21 -0
  52. package/SCSS-Themes/bds-dark.scss +21 -0
  53. package/SCSS-Themes/bds-lite.scss +21 -0
  54. package/SCSS-Themes/bds.scss +21 -0
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +21 -0
  56. package/SCSS-Themes/bootstrap-dark.scss +21 -0
  57. package/SCSS-Themes/bootstrap-lite.scss +21 -0
  58. package/SCSS-Themes/bootstrap.scss +21 -0
  59. package/SCSS-Themes/bootstrap4-lite.scss +21 -0
  60. package/SCSS-Themes/bootstrap4.scss +21 -0
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +21 -0
  62. package/SCSS-Themes/bootstrap5-dark.scss +21 -0
  63. package/SCSS-Themes/bootstrap5-lite.scss +21 -0
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +21 -0
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +21 -0
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +21 -0
  67. package/SCSS-Themes/bootstrap5.3.scss +21 -0
  68. package/SCSS-Themes/bootstrap5.scss +21 -0
  69. package/SCSS-Themes/fabric-dark-lite.scss +21 -0
  70. package/SCSS-Themes/fabric-dark.scss +21 -0
  71. package/SCSS-Themes/fabric-lite.scss +21 -0
  72. package/SCSS-Themes/fabric.scss +21 -0
  73. package/SCSS-Themes/fluent-dark-lite.scss +21 -0
  74. package/SCSS-Themes/fluent-dark.scss +21 -0
  75. package/SCSS-Themes/fluent-lite.scss +21 -0
  76. package/SCSS-Themes/fluent.scss +21 -0
  77. package/SCSS-Themes/fluent2-dark-lite.scss +21 -0
  78. package/SCSS-Themes/fluent2-dark.scss +21 -0
  79. package/SCSS-Themes/fluent2-highcontrast-lite.scss +21 -0
  80. package/SCSS-Themes/fluent2-highcontrast.scss +21 -0
  81. package/SCSS-Themes/fluent2-lite.scss +21 -0
  82. package/SCSS-Themes/fluent2.scss +21 -0
  83. package/SCSS-Themes/highcontrast-lite.scss +21 -0
  84. package/SCSS-Themes/highcontrast.scss +21 -0
  85. package/SCSS-Themes/material-dark-lite.scss +21 -0
  86. package/SCSS-Themes/material-dark.scss +21 -0
  87. package/SCSS-Themes/material-lite.scss +21 -0
  88. package/SCSS-Themes/material.scss +21 -0
  89. package/SCSS-Themes/material3-dark-lite.scss +21 -0
  90. package/SCSS-Themes/material3-dark.scss +21 -0
  91. package/SCSS-Themes/material3-lite.scss +21 -0
  92. package/SCSS-Themes/material3.scss +21 -0
  93. package/SCSS-Themes/navigations/toolbar/bds-dark-lite.scss +21 -0
  94. package/SCSS-Themes/navigations/toolbar/bds-dark.scss +21 -0
  95. package/SCSS-Themes/navigations/toolbar/bds-lite.scss +21 -0
  96. package/SCSS-Themes/navigations/toolbar/bds.scss +21 -0
  97. package/SCSS-Themes/navigations/toolbar/bootstrap-dark-lite.scss +21 -0
  98. package/SCSS-Themes/navigations/toolbar/bootstrap-dark.scss +21 -0
  99. package/SCSS-Themes/navigations/toolbar/bootstrap-lite.scss +21 -0
  100. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +21 -0
  101. package/SCSS-Themes/navigations/toolbar/bootstrap4-lite.scss +21 -0
  102. package/SCSS-Themes/navigations/toolbar/bootstrap4.scss +21 -0
  103. package/SCSS-Themes/navigations/toolbar/bootstrap5-dark-lite.scss +21 -0
  104. package/SCSS-Themes/navigations/toolbar/bootstrap5-dark.scss +21 -0
  105. package/SCSS-Themes/navigations/toolbar/bootstrap5-lite.scss +21 -0
  106. package/SCSS-Themes/navigations/toolbar/bootstrap5.3-dark-lite.scss +21 -0
  107. package/SCSS-Themes/navigations/toolbar/bootstrap5.3-dark.scss +21 -0
  108. package/SCSS-Themes/navigations/toolbar/bootstrap5.3-lite.scss +21 -0
  109. package/SCSS-Themes/navigations/toolbar/bootstrap5.3.scss +21 -0
  110. package/SCSS-Themes/navigations/toolbar/bootstrap5.scss +21 -0
  111. package/SCSS-Themes/navigations/toolbar/fabric-dark-lite.scss +21 -0
  112. package/SCSS-Themes/navigations/toolbar/fabric-dark.scss +21 -0
  113. package/SCSS-Themes/navigations/toolbar/fabric-lite.scss +21 -0
  114. package/SCSS-Themes/navigations/toolbar/fabric.scss +21 -0
  115. package/SCSS-Themes/navigations/toolbar/fluent-dark-lite.scss +21 -0
  116. package/SCSS-Themes/navigations/toolbar/fluent-dark.scss +21 -0
  117. package/SCSS-Themes/navigations/toolbar/fluent-lite.scss +21 -0
  118. package/SCSS-Themes/navigations/toolbar/fluent.scss +21 -0
  119. package/SCSS-Themes/navigations/toolbar/fluent2-dark-lite.scss +21 -0
  120. package/SCSS-Themes/navigations/toolbar/fluent2-dark.scss +21 -0
  121. package/SCSS-Themes/navigations/toolbar/fluent2-highcontrast-lite.scss +21 -0
  122. package/SCSS-Themes/navigations/toolbar/fluent2-highcontrast.scss +21 -0
  123. package/SCSS-Themes/navigations/toolbar/fluent2-lite.scss +21 -0
  124. package/SCSS-Themes/navigations/toolbar/fluent2.scss +21 -0
  125. package/SCSS-Themes/navigations/toolbar/highcontrast-lite.scss +21 -0
  126. package/SCSS-Themes/navigations/toolbar/highcontrast.scss +21 -0
  127. package/SCSS-Themes/navigations/toolbar/material-dark-lite.scss +21 -0
  128. package/SCSS-Themes/navigations/toolbar/material-dark.scss +21 -0
  129. package/SCSS-Themes/navigations/toolbar/material-lite.scss +21 -0
  130. package/SCSS-Themes/navigations/toolbar/material.scss +21 -0
  131. package/SCSS-Themes/navigations/toolbar/material3-dark-lite.scss +21 -0
  132. package/SCSS-Themes/navigations/toolbar/material3-dark.scss +21 -0
  133. package/SCSS-Themes/navigations/toolbar/material3-lite.scss +21 -0
  134. package/SCSS-Themes/navigations/toolbar/material3.scss +21 -0
  135. package/SCSS-Themes/navigations/toolbar/tailwind-dark-lite.scss +21 -0
  136. package/SCSS-Themes/navigations/toolbar/tailwind-dark.scss +21 -0
  137. package/SCSS-Themes/navigations/toolbar/tailwind-lite.scss +21 -0
  138. package/SCSS-Themes/navigations/toolbar/tailwind.scss +21 -0
  139. package/SCSS-Themes/navigations/toolbar/tailwind3-dark-lite.scss +21 -0
  140. package/SCSS-Themes/navigations/toolbar/tailwind3-dark.scss +21 -0
  141. package/SCSS-Themes/navigations/toolbar/tailwind3-lite.scss +21 -0
  142. package/SCSS-Themes/navigations/toolbar/tailwind3.scss +21 -0
  143. package/SCSS-Themes/tailwind-dark-lite.scss +21 -0
  144. package/SCSS-Themes/tailwind-dark.scss +21 -0
  145. package/SCSS-Themes/tailwind-lite.scss +21 -0
  146. package/SCSS-Themes/tailwind.scss +21 -0
  147. package/SCSS-Themes/tailwind3-dark-lite.scss +21 -0
  148. package/SCSS-Themes/tailwind3-dark.scss +21 -0
  149. package/SCSS-Themes/tailwind3-lite.scss +21 -0
  150. package/SCSS-Themes/tailwind3.scss +21 -0
  151. package/package.json +1 -1
@@ -440,6 +440,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
440
440
  padding: $tbar-item-nrml-padding;
441
441
  }
442
442
 
443
+ &:not(.e-separator):not(.e-spacer),
444
+ &.e-overlay > * {
445
+ pointer-events: none;
446
+ }
447
+
443
448
  &.e-separator {
444
449
  margin: $tbar-separator-nrml-mrgn;
445
450
  min-height: $tbar-separator-nrml-minheight;
@@ -467,6 +472,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
467
472
  text-overflow: ellipsis;
468
473
  }
469
474
 
475
+ &:not(.e-overlay) > * {
476
+ pointer-events: auto;
477
+ }
478
+
470
479
  &.e-hidden {
471
480
  display: none;
472
481
  }
@@ -656,6 +665,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
656
665
  text-overflow: ellipsis;
657
666
  }
658
667
 
668
+ &:not(.e-overlay) > * {
669
+ pointer-events: auto;
670
+ }
671
+
659
672
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
660
673
  min-width: 100%;
661
674
  }
@@ -781,6 +794,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
781
794
  &:not(.e-separator) {
782
795
  height: auto;
783
796
  }
797
+
798
+ &:not(.e-overlay) > * {
799
+ pointer-events: auto;
800
+ }
784
801
  }
785
802
 
786
803
  .e-toolbar-item > * {
@@ -801,6 +818,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
801
818
  &.e-separator:last-of-type {
802
819
  display: inline-flex;
803
820
  }
821
+
822
+ &:not(.e-overlay) > * {
823
+ pointer-events: auto;
824
+ }
804
825
  }
805
826
  }
806
827
 
@@ -440,6 +440,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
440
440
  padding: $tbar-item-nrml-padding;
441
441
  }
442
442
 
443
+ &:not(.e-separator):not(.e-spacer),
444
+ &.e-overlay > * {
445
+ pointer-events: none;
446
+ }
447
+
443
448
  &.e-separator {
444
449
  margin: $tbar-separator-nrml-mrgn;
445
450
  min-height: $tbar-separator-nrml-minheight;
@@ -467,6 +472,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
467
472
  text-overflow: ellipsis;
468
473
  }
469
474
 
475
+ &:not(.e-overlay) > * {
476
+ pointer-events: auto;
477
+ }
478
+
470
479
  &.e-hidden {
471
480
  display: none;
472
481
  }
@@ -656,6 +665,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
656
665
  text-overflow: ellipsis;
657
666
  }
658
667
 
668
+ &:not(.e-overlay) > * {
669
+ pointer-events: auto;
670
+ }
671
+
659
672
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
660
673
  min-width: 100%;
661
674
  }
@@ -781,6 +794,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
781
794
  &:not(.e-separator) {
782
795
  height: auto;
783
796
  }
797
+
798
+ &:not(.e-overlay) > * {
799
+ pointer-events: auto;
800
+ }
784
801
  }
785
802
 
786
803
  .e-toolbar-item > * {
@@ -801,6 +818,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
801
818
  &.e-separator:last-of-type {
802
819
  display: inline-flex;
803
820
  }
821
+
822
+ &:not(.e-overlay) > * {
823
+ pointer-events: auto;
824
+ }
804
825
  }
805
826
  }
806
827
 
@@ -440,6 +440,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
440
440
  padding: $tbar-item-nrml-padding;
441
441
  }
442
442
 
443
+ &:not(.e-separator):not(.e-spacer),
444
+ &.e-overlay > * {
445
+ pointer-events: none;
446
+ }
447
+
443
448
  &.e-separator {
444
449
  margin: $tbar-separator-nrml-mrgn;
445
450
  min-height: $tbar-separator-nrml-minheight;
@@ -467,6 +472,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
467
472
  text-overflow: ellipsis;
468
473
  }
469
474
 
475
+ &:not(.e-overlay) > * {
476
+ pointer-events: auto;
477
+ }
478
+
470
479
  &.e-hidden {
471
480
  display: none;
472
481
  }
@@ -656,6 +665,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
656
665
  text-overflow: ellipsis;
657
666
  }
658
667
 
668
+ &:not(.e-overlay) > * {
669
+ pointer-events: auto;
670
+ }
671
+
659
672
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
660
673
  min-width: 100%;
661
674
  }
@@ -781,6 +794,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
781
794
  &:not(.e-separator) {
782
795
  height: auto;
783
796
  }
797
+
798
+ &:not(.e-overlay) > * {
799
+ pointer-events: auto;
800
+ }
784
801
  }
785
802
 
786
803
  .e-toolbar-item > * {
@@ -801,6 +818,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
801
818
  &.e-separator:last-of-type {
802
819
  display: inline-flex;
803
820
  }
821
+
822
+ &:not(.e-overlay) > * {
823
+ pointer-events: auto;
824
+ }
804
825
  }
805
826
  }
806
827
 
@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
441
441
  padding: $tbar-item-nrml-padding;
442
442
  }
443
443
 
444
+ &:not(.e-separator):not(.e-spacer),
445
+ &.e-overlay > * {
446
+ pointer-events: none;
447
+ }
448
+
444
449
  &.e-separator {
445
450
  margin: $tbar-separator-nrml-mrgn;
446
451
  min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
468
473
  text-overflow: ellipsis;
469
474
  }
470
475
 
476
+ &:not(.e-overlay) > * {
477
+ pointer-events: auto;
478
+ }
479
+
471
480
  &.e-hidden {
472
481
  display: none;
473
482
  }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
657
666
  text-overflow: ellipsis;
658
667
  }
659
668
 
669
+ &:not(.e-overlay) > * {
670
+ pointer-events: auto;
671
+ }
672
+
660
673
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
661
674
  min-width: 100%;
662
675
  }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
782
795
  &:not(.e-separator) {
783
796
  height: auto;
784
797
  }
798
+
799
+ &:not(.e-overlay) > * {
800
+ pointer-events: auto;
801
+ }
785
802
  }
786
803
 
787
804
  .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
802
819
  &.e-separator:last-of-type {
803
820
  display: inline-flex;
804
821
  }
822
+
823
+ &:not(.e-overlay) > * {
824
+ pointer-events: auto;
825
+ }
805
826
  }
806
827
  }
807
828
 
@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
441
441
  padding: $tbar-item-nrml-padding;
442
442
  }
443
443
 
444
+ &:not(.e-separator):not(.e-spacer),
445
+ &.e-overlay > * {
446
+ pointer-events: none;
447
+ }
448
+
444
449
  &.e-separator {
445
450
  margin: $tbar-separator-nrml-mrgn;
446
451
  min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
468
473
  text-overflow: ellipsis;
469
474
  }
470
475
 
476
+ &:not(.e-overlay) > * {
477
+ pointer-events: auto;
478
+ }
479
+
471
480
  &.e-hidden {
472
481
  display: none;
473
482
  }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
657
666
  text-overflow: ellipsis;
658
667
  }
659
668
 
669
+ &:not(.e-overlay) > * {
670
+ pointer-events: auto;
671
+ }
672
+
660
673
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
661
674
  min-width: 100%;
662
675
  }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
782
795
  &:not(.e-separator) {
783
796
  height: auto;
784
797
  }
798
+
799
+ &:not(.e-overlay) > * {
800
+ pointer-events: auto;
801
+ }
785
802
  }
786
803
 
787
804
  .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
802
819
  &.e-separator:last-of-type {
803
820
  display: inline-flex;
804
821
  }
822
+
823
+ &:not(.e-overlay) > * {
824
+ pointer-events: auto;
825
+ }
805
826
  }
806
827
  }
807
828
 
@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
441
441
  padding: $tbar-item-nrml-padding;
442
442
  }
443
443
 
444
+ &:not(.e-separator):not(.e-spacer),
445
+ &.e-overlay > * {
446
+ pointer-events: none;
447
+ }
448
+
444
449
  &.e-separator {
445
450
  margin: $tbar-separator-nrml-mrgn;
446
451
  min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
468
473
  text-overflow: ellipsis;
469
474
  }
470
475
 
476
+ &:not(.e-overlay) > * {
477
+ pointer-events: auto;
478
+ }
479
+
471
480
  &.e-hidden {
472
481
  display: none;
473
482
  }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
657
666
  text-overflow: ellipsis;
658
667
  }
659
668
 
669
+ &:not(.e-overlay) > * {
670
+ pointer-events: auto;
671
+ }
672
+
660
673
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
661
674
  min-width: 100%;
662
675
  }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
782
795
  &:not(.e-separator) {
783
796
  height: auto;
784
797
  }
798
+
799
+ &:not(.e-overlay) > * {
800
+ pointer-events: auto;
801
+ }
785
802
  }
786
803
 
787
804
  .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
802
819
  &.e-separator:last-of-type {
803
820
  display: inline-flex;
804
821
  }
822
+
823
+ &:not(.e-overlay) > * {
824
+ pointer-events: auto;
825
+ }
805
826
  }
806
827
  }
807
828
 
@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
441
441
  padding: $tbar-item-nrml-padding;
442
442
  }
443
443
 
444
+ &:not(.e-separator):not(.e-spacer),
445
+ &.e-overlay > * {
446
+ pointer-events: none;
447
+ }
448
+
444
449
  &.e-separator {
445
450
  margin: $tbar-separator-nrml-mrgn;
446
451
  min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
468
473
  text-overflow: ellipsis;
469
474
  }
470
475
 
476
+ &:not(.e-overlay) > * {
477
+ pointer-events: auto;
478
+ }
479
+
471
480
  &.e-hidden {
472
481
  display: none;
473
482
  }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
657
666
  text-overflow: ellipsis;
658
667
  }
659
668
 
669
+ &:not(.e-overlay) > * {
670
+ pointer-events: auto;
671
+ }
672
+
660
673
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
661
674
  min-width: 100%;
662
675
  }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
782
795
  &:not(.e-separator) {
783
796
  height: auto;
784
797
  }
798
+
799
+ &:not(.e-overlay) > * {
800
+ pointer-events: auto;
801
+ }
785
802
  }
786
803
 
787
804
  .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
802
819
  &.e-separator:last-of-type {
803
820
  display: inline-flex;
804
821
  }
822
+
823
+ &:not(.e-overlay) > * {
824
+ pointer-events: auto;
825
+ }
805
826
  }
806
827
  }
807
828
 
@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
441
441
  padding: $tbar-item-nrml-padding;
442
442
  }
443
443
 
444
+ &:not(.e-separator):not(.e-spacer),
445
+ &.e-overlay > * {
446
+ pointer-events: none;
447
+ }
448
+
444
449
  &.e-separator {
445
450
  margin: $tbar-separator-nrml-mrgn;
446
451
  min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
468
473
  text-overflow: ellipsis;
469
474
  }
470
475
 
476
+ &:not(.e-overlay) > * {
477
+ pointer-events: auto;
478
+ }
479
+
471
480
  &.e-hidden {
472
481
  display: none;
473
482
  }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
657
666
  text-overflow: ellipsis;
658
667
  }
659
668
 
669
+ &:not(.e-overlay) > * {
670
+ pointer-events: auto;
671
+ }
672
+
660
673
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
661
674
  min-width: 100%;
662
675
  }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
782
795
  &:not(.e-separator) {
783
796
  height: auto;
784
797
  }
798
+
799
+ &:not(.e-overlay) > * {
800
+ pointer-events: auto;
801
+ }
785
802
  }
786
803
 
787
804
  .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
802
819
  &.e-separator:last-of-type {
803
820
  display: inline-flex;
804
821
  }
822
+
823
+ &:not(.e-overlay) > * {
824
+ pointer-events: auto;
825
+ }
805
826
  }
806
827
  }
807
828
 
@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
441
441
  padding: $tbar-item-nrml-padding;
442
442
  }
443
443
 
444
+ &:not(.e-separator):not(.e-spacer),
445
+ &.e-overlay > * {
446
+ pointer-events: none;
447
+ }
448
+
444
449
  &.e-separator {
445
450
  margin: $tbar-separator-nrml-mrgn;
446
451
  min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
468
473
  text-overflow: ellipsis;
469
474
  }
470
475
 
476
+ &:not(.e-overlay) > * {
477
+ pointer-events: auto;
478
+ }
479
+
471
480
  &.e-hidden {
472
481
  display: none;
473
482
  }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
657
666
  text-overflow: ellipsis;
658
667
  }
659
668
 
669
+ &:not(.e-overlay) > * {
670
+ pointer-events: auto;
671
+ }
672
+
660
673
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
661
674
  min-width: 100%;
662
675
  }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
782
795
  &:not(.e-separator) {
783
796
  height: auto;
784
797
  }
798
+
799
+ &:not(.e-overlay) > * {
800
+ pointer-events: auto;
801
+ }
785
802
  }
786
803
 
787
804
  .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
802
819
  &.e-separator:last-of-type {
803
820
  display: inline-flex;
804
821
  }
822
+
823
+ &:not(.e-overlay) > * {
824
+ pointer-events: auto;
825
+ }
805
826
  }
806
827
  }
807
828
 
@@ -447,6 +447,11 @@ $tbar-popup-btn-hover-border-size: 2px !default;
447
447
  padding: $tbar-item-nrml-padding;
448
448
  }
449
449
 
450
+ &:not(.e-separator):not(.e-spacer),
451
+ &.e-overlay > * {
452
+ pointer-events: none;
453
+ }
454
+
450
455
  &.e-separator {
451
456
  margin: $tbar-separator-nrml-mrgn;
452
457
  min-height: $tbar-separator-nrml-minheight;
@@ -474,6 +479,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
474
479
  text-overflow: ellipsis;
475
480
  }
476
481
 
482
+ &:not(.e-overlay) > * {
483
+ pointer-events: auto;
484
+ }
485
+
477
486
  &.e-hidden {
478
487
  display: none;
479
488
  }
@@ -663,6 +672,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
663
672
  text-overflow: ellipsis;
664
673
  }
665
674
 
675
+ &:not(.e-overlay) > * {
676
+ pointer-events: auto;
677
+ }
678
+
666
679
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
667
680
  min-width: 100%;
668
681
  }
@@ -788,6 +801,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
788
801
  &:not(.e-separator) {
789
802
  height: auto;
790
803
  }
804
+
805
+ &:not(.e-overlay) > * {
806
+ pointer-events: auto;
807
+ }
791
808
  }
792
809
 
793
810
  .e-toolbar-item > * {
@@ -808,6 +825,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
808
825
  &.e-separator:last-of-type {
809
826
  display: inline-flex;
810
827
  }
828
+
829
+ &:not(.e-overlay) > * {
830
+ pointer-events: auto;
831
+ }
811
832
  }
812
833
  }
813
834
 
@@ -447,6 +447,11 @@ $tbar-popup-btn-hover-border-size: 2px !default;
447
447
  padding: $tbar-item-nrml-padding;
448
448
  }
449
449
 
450
+ &:not(.e-separator):not(.e-spacer),
451
+ &.e-overlay > * {
452
+ pointer-events: none;
453
+ }
454
+
450
455
  &.e-separator {
451
456
  margin: $tbar-separator-nrml-mrgn;
452
457
  min-height: $tbar-separator-nrml-minheight;
@@ -474,6 +479,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
474
479
  text-overflow: ellipsis;
475
480
  }
476
481
 
482
+ &:not(.e-overlay) > * {
483
+ pointer-events: auto;
484
+ }
485
+
477
486
  &.e-hidden {
478
487
  display: none;
479
488
  }
@@ -663,6 +672,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
663
672
  text-overflow: ellipsis;
664
673
  }
665
674
 
675
+ &:not(.e-overlay) > * {
676
+ pointer-events: auto;
677
+ }
678
+
666
679
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
667
680
  min-width: 100%;
668
681
  }
@@ -788,6 +801,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
788
801
  &:not(.e-separator) {
789
802
  height: auto;
790
803
  }
804
+
805
+ &:not(.e-overlay) > * {
806
+ pointer-events: auto;
807
+ }
791
808
  }
792
809
 
793
810
  .e-toolbar-item > * {
@@ -808,6 +825,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
808
825
  &.e-separator:last-of-type {
809
826
  display: inline-flex;
810
827
  }
828
+
829
+ &:not(.e-overlay) > * {
830
+ pointer-events: auto;
831
+ }
811
832
  }
812
833
  }
813
834
 
@@ -476,6 +476,11 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
476
476
  padding: $tbar-item-nrml-padding;
477
477
  }
478
478
 
479
+ &:not(.e-separator):not(.e-spacer),
480
+ &.e-overlay > * {
481
+ pointer-events: none;
482
+ }
483
+
479
484
  &.e-separator {
480
485
  margin: $tbar-separator-nrml-mrgn;
481
486
  min-height: $tbar-separator-nrml-minheight;
@@ -503,6 +508,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
503
508
  text-overflow: ellipsis;
504
509
  }
505
510
 
511
+ &:not(.e-overlay) > * {
512
+ pointer-events: auto;
513
+ }
514
+
506
515
  &.e-hidden {
507
516
  display: none;
508
517
  }
@@ -692,6 +701,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
692
701
  text-overflow: ellipsis;
693
702
  }
694
703
 
704
+ &:not(.e-overlay) > * {
705
+ pointer-events: auto;
706
+ }
707
+
695
708
  &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
696
709
  min-width: 100%;
697
710
  }
@@ -817,6 +830,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
817
830
  &:not(.e-separator) {
818
831
  height: auto;
819
832
  }
833
+
834
+ &:not(.e-overlay) > * {
835
+ pointer-events: auto;
836
+ }
820
837
  }
821
838
 
822
839
  .e-toolbar-item > * {
@@ -837,6 +854,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
837
854
  &.e-separator:last-of-type {
838
855
  display: inline-flex;
839
856
  }
857
+
858
+ &:not(.e-overlay) > * {
859
+ pointer-events: auto;
860
+ }
840
861
  }
841
862
  }
842
863