@syncfusion/ej2-angular-navigations 22.1.39 → 22.2.5

package/styles/pager/tailwind.css

@@ -273,7 +273,9 @@
 .e-pager [class^=e-] {
   box-sizing: border-box;
 }
-.e-pager .e-pager-default.e-hide {
+.e-pager .e-pager-default.e-hide,
+.e-pager .e-pagesizes.e-hide,
+.e-pager .e-hide {
   display: none;
 }
 .e-pager div.e-parentmsgbar {

package/styles/tailwind-dark.css

@@ -285,7 +285,9 @@
 .e-pager [class^=e-] {
   box-sizing: border-box;
 }
-.e-pager .e-pager-default.e-hide {
+.e-pager .e-pager-default.e-hide,
+.e-pager .e-pagesizes.e-hide,
+.e-pager .e-hide {
   display: none;
 }
 .e-pager div.e-parentmsgbar {

package/styles/tailwind.css

@@ -285,7 +285,9 @@
 .e-pager [class^=e-] {
   box-sizing: border-box;
 }
-.e-pager .e-pager-default.e-hide {
+.e-pager .e-pager-default.e-hide,
+.e-pager .e-pagesizes.e-hide,
+.e-pager .e-hide {
   display: none;
 }
 .e-pager div.e-parentmsgbar {

package/styles/toolbar/_bootstrap-definition.scss

@@ -120,7 +120,7 @@ $tbar-separator-nrml-mrgn: 5.5px 6px !default;
 $tbar-separator-vertical-bgr-mrgn: 6px !default;
 $tbar-separator-vertical-nrml-mrgn: 6px 5.5px !default;
 $tbar-btn-bgr-padding: 1px 7px !default;
-$tbar-btn-bgr-focus-padding: 0 6px !default;
+$tbar-btn-bgr-focus-padding: 0 7px !default;
 $tbar-btn-nrml-padding: 1px 2.5px !default;
 $tbar-icons-bgr-font-size: 14px !default;
 $tbar-multirow-items-mrgn-bigger: 15px !default;
@@ -130,16 +130,16 @@ $tbar-multirow-item-top-btm-mrgn-small: 0 !default;
 
 $tbar-bgr-btn-text-font-size: 14px !default;
 $tbar-bgr-btn-icon-font-size: 16px !default;
-$tbar-bgr-btn-focus-padding: 0 6px !default;
+$tbar-bgr-btn-focus-padding: 0 7px !default;
 
 $tbar-nrml-btn-border-radius: 4px !default;
-$tbar-nrml-btn-focus-padding: 0 1.5px !default;
+$tbar-nrml-btn-focus-padding: 0 2.5px !default;
 $tbar-nrml-btn-focus-outline: 0 !default;
 
 $tbar-btn-icons-focus-color: $tbar-press-font !default;
 $tbar-btn-text-focus-color: $tbar-press-font !default;
 $tbar-btn-focus-border-color: $tbar-focus-border-color !default;
-$tbar-btn-hover-border-size: $tbar-border-size !default;
+$tbar-btn-hover-border-size: 0 !default;
 $tbar-btn-hover-active-icons-color: $tbar-press-font !default;
 $tbar-btn-hover-active-text-color: $tbar-press-font !default;
 $tbar-btn-overlay-opacity: .5 !default;
@@ -152,7 +152,7 @@ $tbar-btn-pressed-focus-box-shadow: inset 0 3px 5px rgba($grey-base, .125) !defa
 $tbar-btn-pressed-bg: $grey-e6 !default;
 $tbar-flat-btn-active-box-shadow: inset 0 3px 5px rgba($grey-base, .125) !default;
 
-$tbar-ext-btn-focus-padding: 0 1.5px !default;
+$tbar-ext-btn-focus-padding: 0 2.5px !default;
 $tbar-ext-btn-icon-padding: 0 !default;
 $tbar-ext-btn-icon-font-size: 14px !default;
 $tbar-ext-btn-focus-box-shadow: none !default;

package/styles/toolbar/bootstrap.css

@@ -55,7 +55,7 @@
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
-  padding: 0 6px;
+  padding: 0 7px;
 }
 .e-bigger .e-toolbar .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-item {
@@ -210,7 +210,7 @@
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
-  padding: 0 6px;
+  padding: 0 7px;
 }
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
@@ -429,7 +429,7 @@
   line-height: 25px;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
-  padding: 0 1.5px;
+  padding: 0 2.5px;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
   outline: 0;
@@ -682,7 +682,7 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
-  padding: 0 1.5px;
+  padding: 0 2.5px;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
   min-width: 30px;
@@ -848,7 +848,7 @@
   color: #333;
   border-color: #8c8c8c;
   border-style: solid;
-  border-width: 1px;
+  border-width: 0;
   box-shadow: none;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
@@ -861,7 +861,7 @@
   background: #e6e6e6;
   border-color: #adadad;
   border-style: solid;
-  border-width: 1px;
+  border-width: 0;
   border-radius: 4px;
   color: #333;
 }
@@ -881,7 +881,7 @@
   background: #e6e6e6;
   border-color: #adadad;
   border-style: solid;
-  border-width: 1px;
+  border-width: 0;
   border-radius: 4px;
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #333;
@@ -1037,7 +1037,7 @@
   border-radius: 4px;
   border-color: #8c8c8c;
   border-style: solid;
-  border-width: 1px;
+  border-width: 0;
   box-shadow: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
@@ -1045,7 +1045,7 @@
   border-radius: 4px;
   border-color: #adadad;
   border-style: solid;
-  border-width: 1px;
+  border-width: 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: #e6e6e6;
@@ -1053,7 +1053,7 @@
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   border-color: #adadad;
   border-style: solid;
-  border-width: 1px;
+  border-width: 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   border: solid #ccc;