@syncfusion/ej2-angular-pivotview 20.2.36 → 20.2.38

package/styles/pivotview/_theme.scss

@@ -28,7 +28,7 @@
 
     .e-grid
     .e-rowcell {
-      // sass-lint:disable-all
+      /* stylelint-disable */
       font-size: $pivotgrid-content-font-size !important;
       padding-left: 8px;
       -webkit-user-select: none;
@@ -123,7 +123,6 @@
     }
     }
 
-    // sass-lint:disable-all
 
     .e-grid .e-rowsheader.e-active,
     .e-grid .e-rowsheader.e-cellselectionbackground,
@@ -145,7 +144,7 @@
         color: $pivotgrid-header-selection-color !important;
       }
     }
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     .e-drop-indicator {
       display: block;
@@ -167,7 +166,7 @@
       }
     }
 
-    // sass-lint:disable-all
+    /* stylelint-disable */
 
     .e-sortfilterdiv {
       float: right;
@@ -186,7 +185,12 @@
 
       &.e-value-sort-icon {
         font-size: $pivotgrid-value-sort-icon-font-size !important;
-        padding: $pivotgrid-value-sort-icon-padding !important;
+        @if ($skin-name == 'tailwind') {
+          padding-top: 14px !important;
+        }
+        @if ($skin-name == 'bootstrap5') {
+          padding-right: 5px !important;
+        }
       }
     }
 
@@ -267,14 +271,6 @@
       visibility: hidden !important;
     }
 
-    .e-grid.e-responsive {
-      .e-stackedheadercelldiv .e-stackedheadertext,
-      .e-headercelldiv .e-headertext {
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-
     .e-grid .e-headercelldiv,
     .e-grid .e-columnsheader {
       padding-left: 8px !important;
@@ -380,12 +376,12 @@
       opacity: $pivotview-grid-content-opacity !important;
     }
 
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     .e-rowcell {
       opacity: 1;
 
-      // sass-lint:disable-all
+      /* stylelint-disable */
       .e-cellvalue {
         -webkit-user-select: none;
         -moz-user-select: none;
@@ -393,7 +389,7 @@
         user-select: none;
       }
 
-      // sass-lint:enable-all
+      /* stylelint-enable */
     }
 
     .e-grouping-bar {
@@ -426,7 +422,7 @@
 
       }
 
-      // sass-lint:disable-all
+      /* stylelint-disable */
       .e-all-fields-axis {
         background: $pivotgrid-grp-bg-color;
         border: $pivotgrid-border-size $pivotgrid-border-type $pivotgrid-default-border-color;
@@ -465,7 +461,7 @@
           }
         }
       }
-      // sass-lint:enable-all
+      /* stylelint-enable */
 
       .e-right-axis-fields {
         border: $pivotgrid-border-size $pivotgrid-border-type $pivotgrid-default-border-color;
@@ -515,6 +511,19 @@
           font-weight: normal;
         }
       }
+
+      .e-pivot-button {
+        .e-sort,
+        .e-dropdown-icon,
+        .e-pv-filter,
+        .e-pv-filtered,
+        .e-remove,
+        .e-edit {
+          @if ($pivotgrid-skin == 'bootstrap5') {
+            margin-top: 1px;
+          }
+        }
+      }
     }
 
     .e-grouping-bar,
@@ -554,9 +563,9 @@
         border: $pivotgrid-border-size $pivotgrid-border-type $pivotgrid-button-border-color;
         border-radius: $pivotgrid-button-border-radius;
         box-shadow: none;
-        // sass-lint:disable-all
+        /* stylelint-disable */
         color: $pivotgrid-button-font-color !important;
-        // sass-lint:enable-all
+        /* stylelint-enable */
         cursor: default;
         display: flex;
         font-weight: normal;
@@ -567,7 +576,7 @@
         vertical-align: bottom;
         z-index: 1;
         @if ($pivotgrid-skin == 'bootstrap4') {
-          font-weight: 400;
+          font-weight: normal;
         }
 
         &.e-list-selected {
@@ -656,7 +665,7 @@
           }
         }
 
-        // sass-lint:disable-all
+        /* stylelint-disable */
         .e-draggable {
           height: initial !important;
         }
@@ -690,7 +699,7 @@
             display: none;
           }
         }
-        // sass-lint:enable-all
+        /* stylelint-enable */
 
         .e-sort {
           height: $pivotgrid-button-icon-size;
@@ -721,7 +730,7 @@
       width: 100%;
     }
 
-    // sass-lint:disable-all
+    /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
 
@@ -834,6 +843,7 @@
               width: 18px;
     
               &.e-descend {
+                margin-top: 3px;
                 transform: rotateX(180deg);
               }
             }
@@ -846,7 +856,7 @@
       }
     }
 
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     .e-axis-value {
       display: inline-block;
@@ -882,7 +892,7 @@
       }
     }
 
-    // sass-lint:disable-all
+    /* stylelint-disable */
     .e-chart-grouping-bar .e-axis-value {
       height: auto !important;
       padding-left: 6px;
@@ -904,7 +914,7 @@
         }
       }
     }
-    // sass-lint:enable-all  
+    /* 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) {
       height: auto;
@@ -943,7 +953,7 @@
       }
     }
 
-    // sass-lint:disable-all
+    /* stylelint-disable */
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
@@ -951,7 +961,7 @@
       margin-top: $pivotgrid-drill-margintop;
     }
 
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     .e-expand::before {
       font-size: $pivotgrid-expand-icon-fontsize;
@@ -964,7 +974,7 @@
         margin-left: 0;
       }
 
-      // sass-lint:disable-all
+      /* stylelint-disable */
       .e-grid .e-rowsheader {
         padding-right: 8px !important;
       }
@@ -985,7 +995,7 @@
         border-right: 0;
       }
 
-      // sass-lint:enable-all
+      /* stylelint-enable */
 
       .e-rowsheader .e-cellvalue {
         margin-left: 0;
@@ -1047,7 +1057,7 @@
           padding-right: $pivotview-axis-indent-padding;
 
           .e-pvt-btn-div {
-            // sass-lint:disable-all
+            /* stylelint-disable */
             padding-left: $pivotgrid-horizontal-button-padding;
             padding-right: 0;
 
@@ -1069,12 +1079,12 @@
               }
             }
 
-            // sass-lint:enable-all
+            /* stylelint-enable */
           }
         }
       }
 
-      // sass-lint:disable-all
+      /* stylelint-disable */
       .e-stackedheadertext.e-cellvalue,
       .e-stackedheadercelldiv.e-cellvalue {
         padding-right: 12px !important;
@@ -1083,15 +1093,22 @@
       .e-sortfilterdiv {
         float: left;
       }
-      // sass-lint:enable-all
+      /* stylelint-enable */
     }
 
     &.e-device {
       .e-grouping-bar {
 
-        // sass-lint:disable-all
+        /* stylelint-disable */
         .e-pivot-button {
           line-height: 1em !important;
+
+          .e-dropdown-icon,
+          .e-pv-filtered,
+          .e-remove,
+          .e-sort {
+            margin-top: 2px !important;
+          }
         }
 
         .e-group-all-fields {
@@ -1151,6 +1168,10 @@
         }
       }
 
+      .e-drillthrough-dialog {
+        width: 100% !important;
+      }
+
       .e-group-row {
         .e-group-rows {
           .e-pvt-btn-div {
@@ -1183,7 +1204,7 @@
     .e-component-disable {
       display: none !important;
     }
-    // sass-lint:enable-all
+    /* stylelint-enable */
   }
 
   .e-pivottooltipwrap,
@@ -1264,7 +1285,7 @@
       }
     }
 
-    // sass-lint:disable-all
+    /* stylelint-disable */
     .e-grid .e-rowsheader {
       padding-left: 8px !important;
       @if ($skin-name == 'tailwind') {
@@ -1315,7 +1336,7 @@
           min-height: 36px !important;
         }
       }
-      // sass-lint:enable-all
+      /* stylelint-enable */
 
       .e-pvt-btn-div {
         height: 30px;
@@ -1339,9 +1360,10 @@
           .e-pv-filtered,
           .e-remove,
           .e-edit {
-            // sass-lint:disable-all
+            /* stylelint-disable */
             font-size: $pivotgrid-bigger-button-icon-size !important;
             height: $pivotgrid-bigger-button-icon-wrapper-size;
+            margin-top: $pivotgrid-bigger-button-icon-touch-margin-size;
             width: $pivotgrid-bigger-button-icon-wrapper-size;
             @if ($pivotgrid-skin == 'bootstrap4') {
               padding-left: 12px;
@@ -1428,7 +1450,6 @@
           .e-pv-filtered,
           .e-remove,
           .e-edit {
-            // sass-lint:disable-all
             font-size: $pivotgrid-bigger-button-icon-size !important;
             height: $pivotgrid-bigger-button-icon-wrapper-size;
             width: $pivotgrid-bigger-button-icon-wrapper-size;
@@ -1448,12 +1469,19 @@
       }
     }
 
-    // sass-lint:disable-all
     .e-sortfilterdiv {
       margin: $pivotgrid-vsort-touch-margin !important;
       @if ($pivotgrid-skin == 'bootstrap4') or ($skin-name == 'bootstrap5') {
         font-size: 12px !important;
       }
+
+      @if ($pivotgrid-skin == 'tailwind') {
+        font-size: 16px !important;
+      }
+      
+      @if ($pivotgrid-skin == 'bootstrap5') or ($skin-name == 'FluentUI') {
+        padding-top: 28px;
+      }
     }
 
     .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -1461,13 +1489,13 @@
       margin: $pivotgrid-vsort-touch-wrap-margin !important;
     }
 
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container {
       height: $pivotgrid-member-filter-list-bigger-height;
     }
 
-    // sass-lint:disable-all
+    /* stylelint-disable */
 
     
     .e-stackedheadercelldiv,
@@ -1482,10 +1510,10 @@
     .e-grid .e-columnsheader {
       padding-right: 16px !important;
     }
-    // sass-lint:enable-all
+    /* stylelint-enable */
 
     .e-rowcell {
-      // sass-lint:disable-all
+      /* stylelint-disable */
       font-size: $pivotgrid-bigger-content-font-size !important;
       @if($skin-name == 'tailwind') {
         padding: 0 12px;
@@ -1494,7 +1522,6 @@
 
     &.e-rtl {
 
-      // sass-lint:disable-all
       .e-grid .e-rowsheader {
         padding-right: 10px !important;
       }
@@ -1509,7 +1536,7 @@
         padding-right: 8px !important;
       }
 
-      // sass-lint:enable-all
+      /* stylelint-enable */
 
       .e-grouping-bar {
 
@@ -1530,13 +1557,13 @@
         }
       }
 
-      // sass-lint:disable-all
+      /* stylelint-disable */
       .e-stackedheadertext.e-cellvalue,
       .e-stackedheadercelldiv.e-cellvalue {
         padding-right: 16px !important;
       }
 
-      // sass-lint:enable-all
+      /* stylelint-enable */
     }
 
     @if ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') or ($skin-name == 'bootstrap5') {