npm - @syncfusion/blazor-themes - Versions diffs - 24.1.45 → 24.1.47 - Mend

@syncfusion/blazor-themes 24.1.45 → 24.1.47

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

package/SCSS-Themes/buttons/button/tailwind.scss CHANGED Viewed

@@ -1062,11 +1062,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
     outline: $btn-active-outline;
     outline-offset: $btn-active-outline-offset;
   }
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-active-bgcolor, 50%), $btn-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @else if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -1098,11 +1094,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @if $skin-name != 'FluentUI' {
     outline: $btn-active-outline;
   }
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-primary-active-bgcolor, 50%), $btn-primary-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -1139,13 +1131,11 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-outline-active-bgcolor, 50%), $btn-outline-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-outline-active-bgcolor;
     border-color: $btn-outline-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -1174,8 +1164,6 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-primary-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-primary-active-bgcolor, 50%), $btn-outline-primary-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else if ($skin-name == 'bootstrap5') {
     background: $btn-primary-bgcolor;
@@ -1183,7 +1171,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @else {
     background: $btn-primary-active-bgcolor;
     border-color: $btn-outline-primary-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -1217,13 +1205,11 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-success-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-success-active-bgcolor, 50%), $btn-success-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-success-active-bgcolor;
     border-color: $btn-success-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -1257,8 +1243,6 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-info-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-info-active-bgcolor, 50%), $btn-info-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else if ($skin-name == 'bootstrap5') {
     background: $btn-info-bgcolor;
@@ -1266,7 +1250,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @else {
     background: $btn-info-active-bgcolor;
     border-color: $btn-info-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -1300,13 +1284,11 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-warning-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-warning-active-bgcolor, 50%), $btn-warning-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-warning-active-bgcolor;
     border-color: $btn-warning-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -1340,13 +1322,11 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @if $skin-name == 'bootstrap4' {
     background: $btn-danger-bgcolor;
     border-color: transparent;
-    $color-rgba: rgba(mix(lighten($btn-danger-active-bgcolor, 50%), $btn-danger-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
   }
   @else {
     background: $btn-danger-active-bgcolor;
     border-color: $btn-danger-active-border-color;
-    @if $skin-name != 'bootstrap5' {
+    @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
       box-shadow: $btn-outline-active-box-shadow;
     }
   }
@@ -1458,11 +1438,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   background: $btn-success-active-bgcolor;
   border-color: $btn-success-active-border-color;
   color: $btn-success-active-color;
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-success-active-bgcolor, 50%), $btn-success-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -1495,11 +1471,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
   @else {
     border-color: $btn-info-active-border-color;
   }
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-info-active-bgcolor, 50%), $btn-info-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -1532,11 +1504,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
     border-color: $btn-warning-active-border-color;
   }
   color: $btn-warning-active-color;
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-warning-active-bgcolor, 50%), $btn-warning-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }
@@ -1569,11 +1537,7 @@ $btn-focus-box-shadow: $shadow-focus-ring2 !default;
     border-color: $btn-danger-active-border-color;
   }
   color: $btn-danger-active-color;
-  @if $skin-name == 'bootstrap4' {
-    $color-rgba: rgba(mix(lighten($btn-danger-active-bgcolor, 50%), $btn-danger-active-border-color, 15%), .5);
-    box-shadow: 0 0 0 .25em $color-rgba;
-  }
-  @else if $skin-name != 'bootstrap5' {
+  @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' {
     box-shadow: $btn-active-box-shadow;
   }
 }

package/SCSS-Themes/calendars/calendar/material3-dark.scss CHANGED Viewed

@@ -26,7 +26,7 @@ $calendar-active-state-icon-bg-color: rgba($content-text-color, .12) !default;
 $calendar-icon-hover-bg-color: rgba($content-text-color, .08) !default;
 $calendar-device-icon-hover-bg-color: none !default;
 $calendar-focus-date-color: rgba($flyout-text-color) !default;
-$calendar-other-month-date: rgba($content-text-color-alt1, .6) !default;
+$calendar-other-month-date: rgba($content-text-color-alt1, .84) !default;
 $calendar-text-color: rgba($content-text-color) !default;
 $calendar-hover-text: $calendar-text-color !default;
 $calendar-text-color-focus: rgba($primary-text-color) !default;

package/SCSS-Themes/calendars/calendar/material3.scss CHANGED Viewed

@@ -26,7 +26,7 @@ $calendar-active-state-icon-bg-color: rgba($content-text-color, .12) !default;
 $calendar-icon-hover-bg-color: rgba($content-text-color, .08) !default;
 $calendar-device-icon-hover-bg-color: none !default;
 $calendar-focus-date-color: rgba($flyout-text-color) !default;
-$calendar-other-month-date: rgba($content-text-color-alt1, .6) !default;
+$calendar-other-month-date: rgba($content-text-color-alt1, .84) !default;
 $calendar-text-color: rgba($content-text-color) !default;
 $calendar-hover-text: $calendar-text-color !default;
 $calendar-text-color-focus: rgba($primary-text-color) !default;

package/SCSS-Themes/documenteditor/document-editor/bootstrap-dark.scss CHANGED Viewed

@@ -5056,6 +5056,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e68a';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/bootstrap.scss CHANGED Viewed

@@ -5055,6 +5055,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e68a';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/bootstrap4.scss CHANGED Viewed

@@ -5053,6 +5053,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e91f';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -5108,6 +5108,11 @@ $de-column-presets-font-size: $text-6xl !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/bootstrap5.scss CHANGED Viewed

@@ -5108,6 +5108,11 @@ $de-column-presets-font-size: $text-6xl !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/fabric-dark.scss CHANGED Viewed

@@ -5058,6 +5058,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e68a';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/fabric.scss CHANGED Viewed

@@ -5057,6 +5057,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e68a';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/fluent-dark.scss CHANGED Viewed

@@ -5120,6 +5120,11 @@ $de-column-presets-font-size: $text-6xl !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/fluent.scss CHANGED Viewed

@@ -5120,6 +5120,11 @@ $de-column-presets-font-size: $text-6xl !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/highcontrast.scss CHANGED Viewed

@@ -5057,6 +5057,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e68a';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/material-dark.scss CHANGED Viewed

@@ -5067,6 +5067,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e91f';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/material.scss CHANGED Viewed

@@ -5067,6 +5067,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e91f';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/material3-dark.scss CHANGED Viewed

@@ -5105,6 +5105,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/material3.scss CHANGED Viewed

@@ -5105,6 +5105,11 @@ $de-column-presets-font-size: 60px !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/tailwind-dark.scss CHANGED Viewed

@@ -5105,6 +5105,11 @@ $de-column-presets-font-size: $text-6xl !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/documenteditor/document-editor/tailwind.scss CHANGED Viewed

@@ -5105,6 +5105,11 @@ $de-column-presets-font-size: $text-6xl !default;
     content: '\e882';
   }
+  .e-de-share::before {
+    content: '\e8f2';
+    font-family: 'e-icons';
+  }
   .e-de-preset-container {
     width: 95px;
   }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss CHANGED Viewed

@@ -186,11 +186,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss CHANGED Viewed

@@ -186,11 +186,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss CHANGED Viewed

@@ -193,11 +193,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss CHANGED Viewed

@@ -220,11 +220,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss CHANGED Viewed

@@ -220,11 +220,6 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss CHANGED Viewed

@@ -189,11 +189,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss CHANGED Viewed

@@ -187,11 +187,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss CHANGED Viewed

@@ -224,11 +224,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss CHANGED Viewed

@@ -224,11 +224,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss CHANGED Viewed

@@ -208,11 +208,6 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss CHANGED Viewed

@@ -189,11 +189,6 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/material.scss CHANGED Viewed

@@ -188,11 +188,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss CHANGED Viewed

@@ -190,11 +190,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/material3.scss CHANGED Viewed

@@ -190,11 +190,6 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss CHANGED Viewed

@@ -232,11 +232,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss CHANGED Viewed

@@ -232,11 +232,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     cursor: default;
   }
-  .e-mention .e-mention-chip::selection {
-    color: $mention-gradient-color;
-    background: $mention-active-font-color;
-  }
   .e-mention.e-editable-element {
     border: 2px solid $ddl-list-border-color;
     height: auto;

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
     }
   }
+  .e-popup.e-ddl-device.e-popup-close {
+    display: block;
+    visibility: hidden;
+  }
   .e-popup-full-page {
     bottom: 0;
     left: 0;

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
     }
   }
+  .e-popup.e-ddl-device.e-popup-close {
+    display: block;
+    visibility: hidden;
+  }
   .e-popup-full-page {
     bottom: 0;
     left: 0;

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss CHANGED Viewed

@@ -261,6 +261,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
     }
   }
+  .e-popup.e-ddl-device.e-popup-close {
+    display: block;
+    visibility: hidden;
+  }
   .e-popup-full-page {
     bottom: 0;
     left: 0;

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss CHANGED Viewed

@@ -260,6 +260,11 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     }
   }
+  .e-popup.e-ddl-device.e-popup-close {
+    display: block;
+    visibility: hidden;
+  }
   .e-popup-full-page {
     bottom: 0;
     left: 0;