@syncfusion/blazor-themes 29.2.4 → 29.2.7

package/SCSS-Themes/navigations/toolbar/fluent-lite.scss

@@ -440,6 +440,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -467,6 +472,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -656,6 +665,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -781,6 +794,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -801,6 +818,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/fluent.scss

@@ -440,6 +440,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -467,6 +472,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -656,6 +665,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -781,6 +794,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -801,6 +818,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/fluent2-dark-lite.scss

@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/fluent2-dark.scss

@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/fluent2-highcontrast-lite.scss

@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/fluent2-highcontrast.scss

@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/fluent2-lite.scss

@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/fluent2.scss

@@ -441,6 +441,11 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -468,6 +473,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -657,6 +666,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -782,6 +795,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -802,6 +819,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/highcontrast-lite.scss

@@ -447,6 +447,11 @@ $tbar-popup-btn-hover-border-size: 2px !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -474,6 +479,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -663,6 +672,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -788,6 +801,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -808,6 +825,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/highcontrast.scss

@@ -447,6 +447,11 @@ $tbar-popup-btn-hover-border-size: 2px !default;
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         min-height: $tbar-separator-nrml-minheight;
@@ -474,6 +479,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -663,6 +672,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -788,6 +801,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -808,6 +825,10 @@ $tbar-popup-btn-hover-border-size: 2px !default;
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/material-dark-lite.scss

@@ -476,6 +476,11 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         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
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -692,6 +701,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -817,6 +830,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -837,6 +854,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }
 

package/SCSS-Themes/navigations/toolbar/material-dark.scss

@@ -476,6 +476,11 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
         padding: $tbar-item-nrml-padding;
       }
 
+      &:not(.e-separator):not(.e-spacer),
+      &.e-overlay > * {
+        pointer-events: none;
+      }
+
       &.e-separator {
         margin: $tbar-separator-nrml-mrgn;
         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
         text-overflow: ellipsis;
       }
 
+      &:not(.e-overlay) > * {
+        pointer-events: auto;
+      }
+
       &.e-hidden {
         display: none;
       }
@@ -692,6 +701,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           text-overflow: ellipsis;
         }
 
+        &:not(.e-overlay) > * {
+          pointer-events: auto;
+        }
+
         &.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
           min-width: 100%;
         }
@@ -817,6 +830,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
             &:not(.e-separator) {
               height: auto;
             }
+
+            &:not(.e-overlay) > * {
+              pointer-events: auto;
+            }
           }
 
           .e-toolbar-item > * {
@@ -837,6 +854,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           &.e-separator:last-of-type {
             display: inline-flex;
           }
+
+          &:not(.e-overlay) > * {
+            pointer-events: auto;
+          }
         }
       }