@syncfusion/ej2-angular-pivotview 23.2.6 → 24.1.41

package/styles/pivotview/_theme.scss

@@ -317,7 +317,7 @@
         visibility: hidden !important;
         /* stylelint-enable */
       }
-
+  
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -340,6 +340,12 @@
       &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
         align-self: center;
       }
+
+      th.e-columnsheader .e-rhandler.e-rcursor {
+        /* stylelint-disable */
+        height: 100% !important;
+        /* stylelint-enable */
+      }
     }
 
     .e-grid .e-headercelldiv,
@@ -956,17 +962,23 @@
         }
       }
     }
-    /* stylelint-enable */  
 
     .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag):not(.e-selected-option-icon):not(.e-nav-arrow) {
       height: auto;
       width: auto;
     }
 
-    .e-collapse::before {
-      font-size: $pivotgrid-collapse-icon-fonsize;
+    .e-expand::before,
+    .e-expand {
+      font-size: $pivotgrid-expand-icon-fontsize !important;
     }
 
+    .e-collapse::before,
+    .e-collapse {
+      font-size: $pivotgrid-collapse-icon-fonsize !important;
+    }
+    /* stylelint-enable */
+
     .e-expand,
     .e-collapse {
       cursor: pointer;
@@ -988,13 +1000,8 @@
         display: flex;
       }
     }
-
     /* stylelint-enable */
 
-    .e-expand::before {
-      font-size: $pivotgrid-expand-icon-fontsize;
-    }
-
     .e-pivot-pager {
       padding: $pivotpager-padding;
 

package/styles/pivotview/bootstrap-dark.css

@@ -585,7 +585,7 @@
   font-size: 16px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
-  background-color: #6e6e6e;
+  background-color: transparent;
   border: none;
   /* stylelint-disable */
 }
@@ -601,6 +601,9 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -647,7 +650,7 @@
 }
 
 .e-mdx-query-content {
-  background-color: #6e6e6e;
+  background-color: transparent;
   color: #858585;
   font-size: 14px;
   font-weight: 500;
@@ -1159,6 +1162,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1691,8 +1699,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 10px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 10px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 10px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1707,9 +1720,6 @@
   font-size: 12px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 10px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }

package/styles/pivotview/bootstrap.css

@@ -584,7 +584,7 @@
   font-size: 16px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
-  background-color: #fff;
+  background-color: transparent;
   border: none;
   /* stylelint-disable */
 }
@@ -600,6 +600,9 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -646,7 +649,7 @@
 }
 
 .e-mdx-query-content {
-  background-color: #fff;
+  background-color: transparent;
   color: #333;
   font-size: 14px;
   font-weight: 500;
@@ -1158,6 +1161,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1690,8 +1698,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 10px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 10px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 10px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1706,9 +1719,6 @@
   font-size: 11px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 10px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }

package/styles/pivotview/bootstrap4.css

@@ -618,10 +618,8 @@
   font-size: 16px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
-  background-color: #fff;
+  background-color: transparent;
   border: none;
-  background-color: #f8f9fa;
-  color: #495057;
   /* stylelint-disable */
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item {
@@ -630,8 +628,6 @@
   /* stylelint-enable */
   overflow: hidden;
   padding-left: 10px;
-  background-color: #f2f4f6;
-  color: #495057;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item .e-menu-icon {
   margin-left: 0;
@@ -650,6 +646,9 @@
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-icons {
   color: #fff;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -696,7 +695,7 @@
 }
 
 .e-mdx-query-content {
-  background-color: #fff;
+  background-color: transparent;
   color: #212529;
   font-size: 14px;
   font-weight: 500;
@@ -1220,6 +1219,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1773,8 +1777,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 10px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 10px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 10px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1791,9 +1800,6 @@
   display: -ms-flexbox;
   display: flex;
 }
-.e-pivotview .e-expand::before {
-  font-size: 10px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 8px 12px;
 }

package/styles/pivotview/bootstrap5-dark.css

@@ -605,6 +605,9 @@
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item .e-caret {
   line-height: 32px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -1164,6 +1167,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1697,8 +1705,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 20px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 20px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 20px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1714,9 +1727,6 @@
   font-size: 10px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 20px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 8px 8px;
 }

package/styles/pivotview/bootstrap5.css

@@ -607,6 +607,9 @@
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item .e-caret {
   line-height: 32px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -1166,6 +1169,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1699,8 +1707,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 20px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 20px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 20px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1716,9 +1729,6 @@
   font-size: 10px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 20px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 8px 8px;
 }

package/styles/pivotview/fabric-dark.css

@@ -604,6 +604,9 @@
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: #282727;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -1162,6 +1165,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1691,8 +1699,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 10px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 10px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 10px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1707,9 +1720,6 @@
   font-size: 10px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 10px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }

package/styles/pivotview/fabric.css

@@ -604,6 +604,9 @@
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: #f4f4f4;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -1162,6 +1165,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1691,8 +1699,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 10px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 10px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 10px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1707,9 +1720,6 @@
   font-size: 12px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 10px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }

package/styles/pivotview/fluent-dark.css

@@ -313,7 +313,7 @@
 }
 .e-pivotview .e-member-editor-dialog .e-label-filter,
 .e-pivotview .e-member-editor-dialog .e-value-filter {
-  height: 248px;
+  height: 205px;
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
@@ -596,10 +596,6 @@
   /* stylelint-enable */
   overflow: hidden;
   padding-left: 10px;
-  background-color: #201f1e;
-}
-.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item:hover {
-  background: #edebe9;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item .e-menu-icon {
   margin-left: 0;
@@ -616,6 +612,9 @@
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-icons {
   color: #a19f9d;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -766,7 +765,7 @@
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-  height: 75px;
+  height: 84px;
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -1176,6 +1175,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1710,8 +1714,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 18px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 18px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 18px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1727,9 +1736,6 @@
   font-size: 10px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 18px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }

package/styles/pivotview/fluent.css

@@ -315,7 +315,7 @@
 }
 .e-pivotview .e-member-editor-dialog .e-label-filter,
 .e-pivotview .e-member-editor-dialog .e-value-filter {
-  height: 248px;
+  height: 205px;
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
@@ -598,10 +598,6 @@
   /* stylelint-enable */
   overflow: hidden;
   padding-left: 10px;
-  background-color: #faf9f8;
-}
-.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item:hover {
-  background: #edebe9;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item .e-menu-icon {
   margin-left: 0;
@@ -618,6 +614,9 @@
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-icons {
   color: #605e5c;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -768,7 +767,7 @@
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-  height: 75px;
+  height: 84px;
 }
 .e-bigger .e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
 .e-bigger.e-pivotview .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -1178,6 +1177,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1712,8 +1716,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 18px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 18px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 18px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1729,9 +1738,6 @@
   font-size: 10px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 18px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }

package/styles/pivotview/highcontrast-light.css

@@ -583,7 +583,7 @@
   font-size: 16px;
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu {
-  background-color: #e4e4e4;
+  background-color: transparent;
   border: none;
   /* stylelint-disable */
 }
@@ -603,6 +603,9 @@
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu.e-menu-wrapper ul.e-menu {
+  background-color: transparent;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
@@ -649,7 +652,7 @@
 }
 
 .e-mdx-query-content {
-  background-color: #e4e4e4;
+  background-color: transparent;
   color: #000;
   font-size: 14px;
   font-weight: 500;
@@ -1162,6 +1165,11 @@
       -ms-grid-row-align: center;
       align-self: center;
 }
+.e-pivotview.sf-pivotview th.e-columnsheader .e-rhandler.e-rcursor {
+  /* stylelint-disable */
+  height: 100% !important;
+  /* stylelint-enable */
+}
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   /* stylelint-disable */
@@ -1691,8 +1699,13 @@
   height: auto;
   width: auto;
 }
-.e-pivotview .e-collapse::before {
-  font-size: 10px;
+.e-pivotview .e-expand::before,
+.e-pivotview .e-expand {
+  font-size: 10px !important;
+}
+.e-pivotview .e-collapse::before,
+.e-pivotview .e-collapse {
+  font-size: 10px !important;
 }
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
@@ -1707,9 +1720,6 @@
   font-size: 13px !important;
   margin-left: 0;
 }
-.e-pivotview .e-expand::before {
-  font-size: 10px;
-}
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }