npm - @syncfusion/blazor-themes - Versions diffs - 29.1.33 → 29.1.37 - Mend

@syncfusion/blazor-themes 29.1.33 → 29.1.37

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

package/SCSS-Themes/navigations/tab/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/fluent2-highcontrast.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/fluent2-lite.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/fluent2.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/highcontrast-lite.scss CHANGED Viewed

@@ -2978,7 +2978,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/highcontrast.scss CHANGED Viewed

@@ -2978,7 +2978,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material-dark-lite.scss CHANGED Viewed

@@ -2957,7 +2957,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material-dark.scss CHANGED Viewed

@@ -2957,7 +2957,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material-lite.scss CHANGED Viewed

@@ -2956,7 +2956,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material.scss CHANGED Viewed

@@ -2956,7 +2956,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material3-dark-lite.scss CHANGED Viewed

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material3-dark.scss CHANGED Viewed

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material3-lite.scss CHANGED Viewed

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material3.scss CHANGED Viewed

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind-dark-lite.scss CHANGED Viewed

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind-dark.scss CHANGED Viewed

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind-lite.scss CHANGED Viewed

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind.scss CHANGED Viewed

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind3-dark-lite.scss CHANGED Viewed

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind3-dark.scss CHANGED Viewed

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind3-lite.scss CHANGED Viewed

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind3.scss CHANGED Viewed

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark-lite.scss CHANGED Viewed

@@ -3087,6 +3087,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss CHANGED Viewed

@@ -3087,6 +3087,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/pdfviewer/pdfviewer/bds-lite.scss CHANGED Viewed

@@ -3087,6 +3087,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss CHANGED Viewed

@@ -3087,6 +3087,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -3084,6 +3084,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -3084,6 +3084,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-lite.scss CHANGED Viewed

@@ -3084,6 +3084,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -3084,6 +3084,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;