@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/pager/fluent.css

@@ -44,7 +44,7 @@
 .e-bigger .e-pager,
 .e-pager.e-bigger {
   font-size: 16px;
-  padding: 10px 10px 12px 10px;
+  padding: 10px 10px 12px;
 }
 .e-bigger .e-pager div.e-icons,
 .e-pager.e-bigger div.e-icons {
@@ -63,6 +63,10 @@
   margin-top: -31px;
   width: 82px;
 }
+.e-bigger .e-pager .e-pagercontainer,
+.e-pager.e-bigger .e-pagercontainer {
+  margin: 0 0 -6px 0.8px;
+}
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
 .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -86,14 +90,6 @@
   margin-bottom: 5px;
   margin-left: 16px;
 }
-.e-bigger .e-pager .e-pagercontainer,
-.e-pager.e-bigger .e-pagercontainer {
-  margin: 0 0 -6px 0.8px;
-}
-.e-bigger .e-pager.e-rtl .e-pagercontainer,
-.e-pager.e-bigger.e-rtl .e-pagercontainer {
-  margin: 0;
-}
 @media (max-width: 769px) {
   .e-bigger .e-pager,
   .e-pager.e-bigger {
@@ -114,17 +110,6 @@
 .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
 }
-.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
-.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
-.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
-  margin-left: 0;
-  margin-right: 0;
-}
-.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
-  margin-left: 6px;
-  margin-top: 2px;
-}
 .e-bigger .e-pager .e-numericitem,
 .e-pager.e-bigger .e-numericitem {
   margin: 0;
@@ -137,7 +122,7 @@
 .e-pager.e-bigger .e-np.e-spacing,
 .e-pager.e-bigger .e-pp.e-spacing:hover,
 .e-pager.e-bigger .e-np.e-spacing:hover {
-  padding: 14.5px 13px 10px 13px;
+  padding: 14.5px 13px 10px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -146,7 +131,39 @@
 .e-pager.e-bigger .e-numericitem:hover,
 .e-pager.e-bigger .e-currentitem {
   border-radius: 0;
-  padding: 13px 13px 11px 13px;
+  padding: 13px 13px 11px;
+}
+.e-bigger .e-pager.e-rtl .e-spacing,
+.e-bigger .e-pager.e-rtl .e-numericitem:hover,
+.e-bigger .e-pager.e-rtl .e-currentitem,
+.e-pager.e-bigger.e-rtl .e-spacing,
+.e-pager.e-bigger.e-rtl .e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-currentitem {
+  padding: 14.5px 13px 10px;
+}
+.e-bigger .e-pager.e-rtl .e-pagerdropdown,
+.e-pager.e-bigger.e-rtl .e-pagerdropdown {
+  margin: -40px 16px 0 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagerconstant,
+.e-pager.e-bigger.e-rtl .e-pagerconstant {
+  margin: 14px 16px 9px 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagercontainer,
+.e-pager.e-bigger.e-rtl .e-pagercontainer {
+  margin: 0;
+}
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+  margin-left: 0;
+  margin-right: 0;
+}
+.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+  margin-left: 6px;
+  margin-top: 2px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -156,13 +173,17 @@
   font-size: 14px;
   margin-top: -5px;
 }
-.e-bigger .e-pager.e-rtl .e-pagerdropdown,
-.e-pager.e-bigger.e-rtl .e-pagerdropdown {
-  margin: -40px 16px 0 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
+  margin-top: 0;
 }
-.e-bigger .e-pager.e-rtl .e-pagerconstant,
-.e-pager.e-bigger.e-rtl .e-pagerconstant {
-  margin: 14px 16px 9px 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
+  margin: 0 4px 0 2px;
+}
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
+  top: 10px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -205,18 +226,6 @@
 .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
   top: 9px;
 }
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
-  margin-top: 0;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
-  margin: 0 4px 0 2px;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
-  top: 10px;
-}
 
 .e-pager {
   border-style: solid;
@@ -230,7 +239,8 @@
   /* stylelint-enable */
 }
 .e-pager [class^=e-] {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-pager .e-pager-default.e-hide,
 .e-pager .e-pagesizes.e-hide,
@@ -273,7 +283,7 @@
   line-height: 1;
   margin-right: 0;
   min-width: 26px;
-  padding: 13px 12px 10px 12px;
+  padding: 13px 12px 10px;
   text-align: center;
 }
 .e-pager div.e-pagermsgdiv {
@@ -305,6 +315,7 @@
 .e-pager a {
   display: inline;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -367,7 +378,7 @@
 .e-pager .e-pagermessage,
 .e-pager .e-pagerexternalmsg {
   display: block;
-  margin: 6px 6px 0 6px;
+  margin: 6px 6px 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -394,9 +405,9 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 14px;
+  padding: 8px 12px 10px 11px;
   font-weight: 400;
   letter-spacing: 0;
-  padding: 8px 12px 10px 11px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
@@ -404,23 +415,28 @@
   padding: 8px 12px 10px 11px;
 }
 .e-pager.e-adaptive {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   padding: 9px;
 }
 .e-pager.e-adaptive div.e-parentmsgbar {
   margin: 0 5px;
   margin-top: -5px;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   min-width: 10px;
   white-space: nowrap;
 }
 .e-pager.e-adaptive .e-pagesizes {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: auto;
@@ -429,8 +445,9 @@
   margin: 2px 2px 0 4px;
   width: 77px;
   min-width: 77px;
-  -ms-flex-order: 2;
-      order: 2;
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
   height: 40px;
   padding-right: 5px;
 }
@@ -438,8 +455,9 @@
   font-size: 12px;
   position: relative;
   top: 4px;
-  -ms-flex-order: 1;
-      order: 1;
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
   min-width: 52px;
   max-height: 34px;
   margin: 0 8px 0 10px;
@@ -464,21 +482,18 @@
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
-    box-sizing: border-box;
-    display: inline-block;
-    float: initial;
     padding-bottom: 0;
     padding-right: 0;
     padding-top: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    display: inline-block;
+    float: initial;
     text-align: center;
     width: calc(60% - 48px);
   }
-  .e-pager .e-pagesizes {
-    display: none;
-  }
-  .e-pager .e-pagecountmsg {
-    display: none;
-  }
+  .e-pager .e-pagesizes,
+  .e-pager .e-pagecountmsg,
   .e-pager .e-pagercontainer {
     display: none;
   }
@@ -490,7 +505,8 @@
   .e-pager .e-mnext,
   .e-pager .e-mlast {
     border: 0;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
     display: inline-block;
     padding: 1% 5%;
   }
@@ -535,7 +551,7 @@
   margin: -26px 16px 0 0;
 }
 .e-pager.e-rtl .e-pagerconstant {
-  margin: 8px 8px 6px 8px;
+  margin: 8px 8px 6px;
 }
 .e-pager.e-rtl .e-pagerexternalmsg {
   float: none;
@@ -587,7 +603,7 @@
   border-right-width: 0;
   min-width: 26px;
 }
-.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
   margin-right: 0;
 }
@@ -642,6 +658,9 @@
     float: right;
   }
 }
+.e-pager.sf-pager .e-pagercontainer {
+  font-size: 0;
+}
 .e-pager.sf-pager .e-pagercontainer .e-first,
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -651,9 +670,6 @@
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }
-.e-pager.sf-pager .e-pagercontainer {
-  font-size: 0;
-}
 .e-pager.sf-pager .e-link,
 .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
@@ -661,8 +677,8 @@
 
 /*! Pager theme */
 .e-pager {
-  background-color: #fff;
   border-color: #edebe9;
+  background: #fff;
   color: #3b3a39;
   opacity: 1;
 }
@@ -697,7 +713,6 @@
 }
 .e-pager .e-numericitem {
   background: #fff;
-  border-right-color: #edebe9;
   color: #605e5c;
 }
 .e-pager .e-prevpagedisabled,
@@ -719,6 +734,7 @@
   background-color: #fff;
   border-color: #edebe9;
 }
+.e-pager .e-numericitem,
 .e-pager .e-firstpage,
 .e-pager .e-prevpage,
 .e-pager .e-firstpagedisabled,
@@ -748,10 +764,12 @@
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #fff;
-  box-shadow: 0 0 0 1px #0078d4 inset;
+  -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
+          box-shadow: 0 0 0 1px #0078d4 inset;
 }
 .e-pager .e-focused {
-  box-shadow: 0 0 0 1px #0078d4 inset;
+  -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
+          box-shadow: 0 0 0 1px #0078d4 inset;
 }
 @media (max-width: 590px) {
   .e-pager .e-pager-default:hover {
@@ -760,12 +778,6 @@
     opacity: 1;
   }
 }
-.e-pager.e-rtl .e-numericitem {
-  border-left-color: #edebe9;
-}
-.e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  border-left-color: #edebe9;
-}
-.e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
+.e-pager.e-rtl .e-numericitem, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
   border-left-color: #edebe9;
 }