npm - @syncfusion/blazor-themes - Versions diffs - 20.3.59 → 20.3.60 - Mend

@syncfusion/blazor-themes 20.3.59 → 20.3.60

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 (97) hide show

package/SCSS-Themes/bootstrap-dark.scss CHANGED Viewed

@@ -23977,8 +23977,8 @@ $sd-active-font-color: $grey-light-font !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;
@@ -42925,7 +42925,7 @@ $dialog-active-btn-bg-color: transparent !default;
 //enddefault
 //start
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-close-button-right: -4px !default;
 $dialog-close-icon-content: '\e361' !default;
 $dialog-close-icon-font-size: 12px !default;
@@ -42970,7 +42970,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 7px !default;
 $dialog-bigger-close-button-height: 25px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-width: 25px !default;
 $dialog-headericon-bottom: 5px !default;
 $dialog-enable-resize-padding-bottom: 15px !default;
@@ -73668,6 +73668,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -75220,14 +75232,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -80004,6 +80014,15 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
     }
   }
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;
@@ -86881,12 +86900,12 @@ $bigger-column-menu-size: 40px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -87166,6 +87185,7 @@ $bigger-column-menu-size: 40px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,
@@ -95771,7 +95791,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/bootstrap.scss CHANGED Viewed

@@ -23874,8 +23874,8 @@ $sd-active-font-color: #000000 !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;
@@ -42622,7 +42622,7 @@ $dialog-icon-color: rgba($base-font, .5) !default;
 $dialog-active-icon-color: rgba($base-font, .8) !default;
 $dialog-close-icon-normal-opacity: initial !default;
 $dialog-close-icon-active-opacity: initial !default;
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-close-button-right: -4px !default;
 $dialog-header-border: 1px solid $grey-e6 !default;
 $dialog-close-icon-font-size: 12px !default;
@@ -42682,7 +42682,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 7px !default;
 $dialog-bigger-close-button-height: 25px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-width: 25px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;
@@ -73379,6 +73379,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -74931,14 +74943,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -79716,6 +79726,15 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
     }
   }
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;
@@ -86643,12 +86662,12 @@ $bigger-column-menu-size: 40px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -86928,6 +86947,7 @@ $bigger-column-menu-size: 40px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,
@@ -95531,7 +95551,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/bootstrap4.scss CHANGED Viewed

@@ -23852,8 +23852,8 @@ $sd-active-font-color: $secondary !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;
@@ -42681,7 +42681,7 @@ $dialog-icon-color: $black !default;
 $dialog-active-icon-color: $black !default;
 $dialog-close-icon-normal-opacity: .5 !default;
 $dialog-close-icon-active-opacity: .75 !default;
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -6px !default;
 $dialog-close-button-right: 16px !default;
 $dialog-header-border: 1px solid $gray-200 !default;
 $dialog-close-icon-font-size: 14px !default;
@@ -42741,7 +42741,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 5px !default;
 $dialog-bigger-close-button-height: 25px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -5px !default;
 $dialog-bigger-close-button-width: 26px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;
@@ -73578,6 +73578,18 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -75130,14 +75142,12 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -79915,6 +79925,15 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
     }
   }
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;
@@ -86971,12 +86990,12 @@ $bigger-column-menu-size: 38px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -87256,6 +87275,7 @@ $bigger-column-menu-size: 38px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,
@@ -95907,7 +95927,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/bootstrap5-dark.scss CHANGED Viewed

@@ -24115,8 +24115,8 @@ $sd-active-font-color: $content-text-color-focus !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;
@@ -42983,7 +42983,7 @@ $drag-hover-border: 1px dashed $primary !default;
 //Layout Variables Start
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-header-border: 1px solid $border-light !default;
 $dialog-close-icon-font-size: 16px !default;
 $dialog-bigger-close-icon-font-size: 20px !default;
@@ -43023,7 +43023,7 @@ $dialog-bigger-close-icon-top: 0 !default;
 $dialog-bigger-close-icon-margin-left: 0 !default;
 $dialog-bigger-close-icon-margin-right: 0 !default;
 $dialog-bigger-close-button-bottom: 7px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-height: 20px !default;
 $dialog-bigger-close-button-width: 20px !default;
 $dialog-resize-handler-width: 15px;
@@ -73955,6 +73955,18 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -75507,14 +75519,12 @@ $grid-dropitems-count-margin-left: -4px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -80308,6 +80318,15 @@ $fe-drop-folder-bg-color: $primary !default;
     }
   }
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;
@@ -87164,12 +87183,12 @@ $bigger-column-menu-size: 35px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -87449,6 +87468,7 @@ $bigger-column-menu-size: 35px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,
@@ -96049,7 +96069,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -24115,8 +24115,8 @@ $sd-active-font-color: $content-text-color-focus !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;
@@ -42983,7 +42983,7 @@ $drag-hover-border: 1px dashed $primary !default;
 //Layout Variables Start
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-header-border: 1px solid $border-light !default;
 $dialog-close-icon-font-size: 16px !default;
 $dialog-bigger-close-icon-font-size: 20px !default;
@@ -43023,7 +43023,7 @@ $dialog-bigger-close-icon-top: 0 !default;
 $dialog-bigger-close-icon-margin-left: 0 !default;
 $dialog-bigger-close-icon-margin-right: 0 !default;
 $dialog-bigger-close-button-bottom: 7px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-height: 20px !default;
 $dialog-bigger-close-button-width: 20px !default;
 $dialog-resize-handler-width: 15px;
@@ -73955,6 +73955,18 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
     }
+    & .e-toolbar-items{
+      & .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon),
+      & .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
+          background: none;
+          box-shadow: none;
+      }
+      & .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
+          border: none;
+      }
+  }
     .e-res-toolbar {
       border-bottom: 1px solid;
       border-bottom-color: $grid-header-border-color;
@@ -75507,14 +75519,12 @@ $grid-dropitems-count-margin-left: -4px !default;
       font-size: $grid-group-down-arrow-icon-font-size;
       padding: $grid-group-down-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-collapse-icon-text-indent;
     }
     .e-icon-grightarrow {
       font-size: $grid-group-right-arrow-icon-font-size;
       padding: $grid-group-right-arrow-icon-padding;
       text-decoration: none;
-      text-indent: $group-expand-icon-text-indent;
     }
     .e-recordplusexpand {
@@ -80308,6 +80318,15 @@ $fe-drop-folder-bg-color: $primary !default;
     }
   }
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;
@@ -87164,12 +87183,12 @@ $bigger-column-menu-size: 35px !default;
       }
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
       .e-chart-row {
@@ -87449,6 +87468,7 @@ $bigger-column-menu-size: 35px !default;
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
       .e-left-resize-gripper,
@@ -96049,7 +96069,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/buttons/speed-dial/bootstrap-dark.scss CHANGED Viewed

@@ -69,8 +69,8 @@ $sd-active-font-color: $grey-light-font !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/bootstrap.scss CHANGED Viewed

@@ -69,8 +69,8 @@ $sd-active-font-color: #000000 !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/bootstrap4.scss CHANGED Viewed

@@ -69,8 +69,8 @@ $sd-active-font-color: $secondary !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/bootstrap5-dark.scss CHANGED Viewed

@@ -70,8 +70,8 @@ $sd-active-font-color: $content-text-color-focus !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/bootstrap5.scss CHANGED Viewed

@@ -70,8 +70,8 @@ $sd-active-font-color: $content-text-color-focus !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fabric-dark.scss CHANGED Viewed

@@ -69,8 +69,8 @@ $sd-active-font-color: $neutral-light-fontalt !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fabric.scss CHANGED Viewed

@@ -69,8 +69,8 @@ $sd-active-font-color: $neutral-light-fontalt !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fluent-dark.scss CHANGED Viewed

@@ -70,8 +70,8 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;

package/SCSS-Themes/buttons/speed-dial/fluent.scss CHANGED Viewed

@@ -70,8 +70,8 @@ $sd-active-font-color: $secondary-text-color-pressed !default;
 @include export-module('speed-dial-layout') {
   .e-speeddial-popup {
-    pointer-events: none;
     position: absolute;
+    z-index: 99999;
     &.e-speeddial-top {
       top: $sd-offset;