@syncfusion/ej2-angular-grids 20.4.54 → 21.1.35

package/styles/fluent-dark.css

@@ -247,7 +247,7 @@
   margin-bottom: 1px;
 }
 .e-xlflmenu .e-dlg-content {
-  padding-bottom: 5px;
+  padding-bottom: 1px;
 }
 .e-xlflmenu .e-xlfl-radiodiv {
   width: 121px;
@@ -292,7 +292,7 @@
   width: 100%;
 }
 .e-bigger .e-xlflmenu .e-dlg-content {
-  padding-bottom: 10px;
+  padding-bottom: 1px;
 }
 .e-bigger .e-xlflmenu .e-radio + label .e-label {
   padding-left: 27px;
@@ -517,6 +517,15 @@
   padding-top: 8px;
 }
 
+.e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 298px;
+  overflow-y: auto;
+}
+
+.e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 355px;
+}
+
 /*! Excel-Filter theme */
 .e-excelfilter .e-footer-content {
   border-color: rgba(210, 208, 206, 0.12);
@@ -795,7 +804,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-device .e-flmenu-valuediv {
-  padding: 24px 0 0;
+  padding: 23px 0 1px;
 }
 
 .e-bigger .e-grid,
@@ -856,13 +865,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-width: 38px;
   padding: 0;
 }
-.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
-.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
+.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
+.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
   font-size: 16px;
 }
 .e-bigger .e-grid .e-flmenu-valuediv,
 .e-grid.e-bigger .e-flmenu-valuediv {
-  padding: 16px 0 0;
+  padding: 15px 0 1px;
 }
 .e-bigger .e-grid .e-headercell,
 .e-grid.e-bigger .e-headercell {
@@ -897,8 +906,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-icon-grightarrow {
   font-size: 22px;
 }
-.e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
-.e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
+.e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 18px;
 }
 .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1017,7 +1026,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding-right: 4px;
+  padding: 0 4px 0 0.3em;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
@@ -1374,7 +1383,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-ccdlg .e-dlg-content,
 .e-grid.e-bigger .e-ccdlg .e-dlg-content {
   margin: 40px 0 0;
-  padding: 28px;
+  padding: 28px 28px 0 28px;
 }
 .e-bigger .e-grid .e-ccdlg .e-ccul-ele,
 .e-grid.e-bigger .e-ccdlg .e-ccul-ele {
@@ -2204,7 +2213,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-bottom: -6px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding-right: 4px;
+  padding: 0 4px 0 0.35em;
 }
 .e-grid .e-filtermenudiv {
   float: right;
@@ -2235,7 +2244,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   top: -1000px;
 }
 .e-grid .e-flmenu-valuediv {
-  padding: 14px 0 0;
+  padding: 13px 0 1px;
 }
 .e-grid .e-flbldcontent {
   padding: 18px 18px 0;
@@ -2272,10 +2281,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -30px 5px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
-  margin: 3px 2px 0 10px;
+  margin: 5px 2px 0 15px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortnumber {
-  margin: 3px 5px 0 2px;
+  margin: 5px 5px 0 2px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
   margin: -9px 10px;
@@ -2292,7 +2301,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
-  margin: -19px -20px -20px -20px;
+  line-height: 10px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -2300,7 +2309,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px -18px -1px -22px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
-  margin: -17px -13px -23px -25px;
+  line-height: 10px;
 }
 .e-grid [class^=e-] {
   box-sizing: border-box;
@@ -2324,6 +2333,15 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-width: 1px;
   padding: 0.3em;
 }
+.e-grid th.e-detailcell .e-rowcell,
+.e-grid th.e-detailcell .e-gridpager {
+  text-align: left;
+}
+.e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
+.e-grid th.e-detailcell .e-rtl .e-rowcell,
+.e-grid th.e-detailcell .e-rtl .e-gridpager {
+  text-align: right;
+}
 .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
   border-width: 0 0 0 1px;
 }
@@ -2805,9 +2823,8 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-.e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 16px;
-  line-height: 3;
 }
 .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
   margin-top: 2px;
@@ -2906,7 +2923,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-ccdlg .e-dlg-content {
   margin: 40px 0 0;
   overflow: visible;
-  padding: 24px;
+  padding: 24px 24px 0 24px;
 }
 .e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard {
   padding-left: 8px;
@@ -3201,6 +3218,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px;
 }
+.e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
+  height: auto;
+  margin-bottom: 2px;
+  margin-top: 0;
+}
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
   margin: -5px;
 }
@@ -3402,7 +3424,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -21px 0 -20px -35px;
   padding: 6px;
 }
-.e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
   height: Auto;
   line-height: 21px;
   overflow-wrap: break-word;
@@ -3413,19 +3435,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
   max-height: 36px;
 }
-.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
+.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
   margin-bottom: 2px;
   margin-top: 0;
 }
-.e-grid.e-wrap .e-columnheader .e-filtermenudiv {
-  line-height: 18px;
+.e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv {
-  line-height: 18px;
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
+.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
   height: Auto;
-  line-height: 18px;
+  line-height: 21px;
   overflow-wrap: break-word;
   text-overflow: clip;
   white-space: normal;
@@ -3442,10 +3464,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -34px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -28px -4px 0 16px;
+  margin: -33px 18px 0 16px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
-  margin: -28px 0;
+  margin: -33px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -3769,6 +3791,27 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: relative;
 }
 
+.e-ccdlg.e-cc .e-dlg-header-content {
+  padding: 11px 24px 13px;
+}
+
+.e-filter-popup.e-excelfilter .e-dlg-content {
+  padding-bottom: 12px;
+}
+
+.e-bigger .e-edit-dialog.e-dlg-modal .e-dlg-header-content {
+  padding: 13px 20px 27px 28px;
+}
+.e-bigger .e-edit-dialog.e-dlg-modal .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  bottom: 4px;
+}
+.e-bigger .e-ccdlg.e-cc .e-dlg-header-content {
+  padding: 14px 28px 17px;
+}
+.e-bigger .e-filter-popup.e-excelfilter .e-dlg-content {
+  padding-bottom: 0;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -3950,7 +3993,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
   font-weight: 500;
-  padding-top: 5px;
+  padding-top: 2px;
   width: 100%;
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
@@ -4202,6 +4245,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: left;
 }
 
+/* stylelint-disable */
+.e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
+.e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
+  max-height: 298px !important;
+}
+
+/* stylelint-enable */
 /*! Grid theme */
 .e-grid {
   border-color: #292827;
@@ -4389,11 +4439,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #292827;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #252423;
   color: #f3f2f1;
 }
-.e-grid tr[role=row]:hover .e-rowdragdrop {
+.e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
 .e-grid .e-sortnumber {

package/styles/fluent.css

@@ -247,7 +247,7 @@
   margin-bottom: 1px;
 }
 .e-xlflmenu .e-dlg-content {
-  padding-bottom: 5px;
+  padding-bottom: 1px;
 }
 .e-xlflmenu .e-xlfl-radiodiv {
   width: 121px;
@@ -292,7 +292,7 @@
   width: 100%;
 }
 .e-bigger .e-xlflmenu .e-dlg-content {
-  padding-bottom: 10px;
+  padding-bottom: 1px;
 }
 .e-bigger .e-xlflmenu .e-radio + label .e-label {
   padding-left: 27px;
@@ -517,6 +517,15 @@
   padding-top: 8px;
 }
 
+.e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 298px;
+  overflow-y: auto;
+}
+
+.e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: 355px;
+}
+
 /*! Excel-Filter theme */
 .e-excelfilter .e-footer-content {
   border-color: rgba(50, 49, 48, 0.12);
@@ -795,7 +804,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-device .e-flmenu-valuediv {
-  padding: 24px 0 0;
+  padding: 23px 0 1px;
 }
 
 .e-bigger .e-grid,
@@ -856,13 +865,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-width: 38px;
   padding: 0;
 }
-.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
-.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
+.e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons,
+.e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-btn-icon.e-icons {
   font-size: 16px;
 }
 .e-bigger .e-grid .e-flmenu-valuediv,
 .e-grid.e-bigger .e-flmenu-valuediv {
-  padding: 16px 0 0;
+  padding: 15px 0 1px;
 }
 .e-bigger .e-grid .e-headercell,
 .e-grid.e-bigger .e-headercell {
@@ -897,8 +906,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-icon-grightarrow {
   font-size: 22px;
 }
-.e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
-.e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-bigger .e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn,
+.e-grid.e-bigger .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 18px;
 }
 .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1017,7 +1026,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding-right: 4px;
+  padding: 0 4px 0 0.3em;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
@@ -1374,7 +1383,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-ccdlg .e-dlg-content,
 .e-grid.e-bigger .e-ccdlg .e-dlg-content {
   margin: 40px 0 0;
-  padding: 28px;
+  padding: 28px 28px 0 28px;
 }
 .e-bigger .e-grid .e-ccdlg .e-ccul-ele,
 .e-grid.e-bigger .e-ccdlg .e-ccul-ele {
@@ -2204,7 +2213,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-bottom: -6px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding-right: 4px;
+  padding: 0 4px 0 0.35em;
 }
 .e-grid .e-filtermenudiv {
   float: right;
@@ -2235,7 +2244,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   top: -1000px;
 }
 .e-grid .e-flmenu-valuediv {
-  padding: 14px 0 0;
+  padding: 13px 0 1px;
 }
 .e-grid .e-flbldcontent {
   padding: 18px 18px 0;
@@ -2272,10 +2281,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -30px 5px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
-  margin: 3px 2px 0 10px;
+  margin: 5px 2px 0 15px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortnumber {
-  margin: 3px 5px 0 2px;
+  margin: 5px 5px 0 2px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
   margin: -9px 10px;
@@ -2292,7 +2301,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
-  margin: -19px -20px -20px -20px;
+  line-height: 10px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -2300,7 +2309,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px -18px -1px -22px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
-  margin: -17px -13px -23px -25px;
+  line-height: 10px;
 }
 .e-grid [class^=e-] {
   box-sizing: border-box;
@@ -2324,6 +2333,15 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-width: 1px;
   padding: 0.3em;
 }
+.e-grid th.e-detailcell .e-rowcell,
+.e-grid th.e-detailcell .e-gridpager {
+  text-align: left;
+}
+.e-grid.e-rtl th.e-detailcell .e-rowcell, .e-grid.e-rtl th.e-detailcell .e-gridpager,
+.e-grid th.e-detailcell .e-rtl .e-rowcell,
+.e-grid th.e-detailcell .e-rtl .e-gridpager {
+  text-align: right;
+}
 .e-grid.e-verticallines .e-rowcell, .e-grid.e-verticallines .e-filterbarcell {
   border-width: 0 0 0 1px;
 }
@@ -2805,9 +2823,8 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-.e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
+.e-grid .e-toolbar .e-tbar-btn.e-btn .e-btn-icon.e-icons.e-columnchooser-btn {
   font-size: 16px;
-  line-height: 3;
 }
 .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
   margin-top: 2px;
@@ -2906,7 +2923,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-ccdlg .e-dlg-content {
   margin: 40px 0 0;
   overflow: visible;
-  padding: 24px;
+  padding: 24px 24px 0 24px;
 }
 .e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard {
   padding-left: 8px;
@@ -3201,6 +3218,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px;
 }
+.e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
+  height: auto;
+  margin-bottom: 2px;
+  margin-top: 0;
+}
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
   margin: -5px;
 }
@@ -3402,7 +3424,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -21px 0 -20px -35px;
   padding: 6px;
 }
-.e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv {
+.e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
   height: Auto;
   line-height: 21px;
   overflow-wrap: break-word;
@@ -3413,19 +3435,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
   max-height: 36px;
 }
-.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
+.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
   margin-bottom: 2px;
   margin-top: 0;
 }
-.e-grid.e-wrap .e-columnheader .e-filtermenudiv {
-  line-height: 18px;
+.e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv {
-  line-height: 18px;
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv .e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
+.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
   height: Auto;
-  line-height: 18px;
+  line-height: 21px;
   overflow-wrap: break-word;
   text-overflow: clip;
   white-space: normal;
@@ -3442,10 +3464,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -34px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -28px -4px 0 16px;
+  margin: -33px 18px 0 16px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
-  margin: -28px 0;
+  margin: -33px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -3769,6 +3791,27 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: relative;
 }
 
+.e-ccdlg.e-cc .e-dlg-header-content {
+  padding: 11px 24px 13px;
+}
+
+.e-filter-popup.e-excelfilter .e-dlg-content {
+  padding-bottom: 12px;
+}
+
+.e-bigger .e-edit-dialog.e-dlg-modal .e-dlg-header-content {
+  padding: 13px 20px 27px 28px;
+}
+.e-bigger .e-edit-dialog.e-dlg-modal .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  bottom: 4px;
+}
+.e-bigger .e-ccdlg.e-cc .e-dlg-header-content {
+  padding: 14px 28px 17px;
+}
+.e-bigger .e-filter-popup.e-excelfilter .e-dlg-content {
+  padding-bottom: 0;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -3950,7 +3993,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
   font-weight: 500;
-  padding-top: 5px;
+  padding-top: 2px;
   width: 100%;
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
@@ -4202,6 +4245,13 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: left;
 }
 
+/* stylelint-disable */
+.e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
+.e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
+  max-height: 298px !important;
+}
+
+/* stylelint-enable */
 /*! Grid theme */
 .e-grid {
   border-color: #edebe9;
@@ -4389,11 +4439,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #edebe9;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f3f2f1;
   color: #201f1e;
 }
-.e-grid tr[role=row]:hover .e-rowdragdrop {
+.e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
 .e-grid .e-sortnumber {

package/styles/grid/_bootstrap-dark-definition.scss

@@ -29,7 +29,7 @@ $grid-group-broder-color:  $content-border-color !default;
 $grid-group-hover-broder-color: $content-border-color !default;
 $grid-group-text-line-height: 24px !default;
 $filter-text-color: $content-font-color !default;
-$grid-wrap-line-height: 18px !default;
+$grid-wrap-line-height:10px !default;
 $grid-wrap-margin-bottom: 2px !default;
 $grid-wrap-margin-top: 0 !default;
 
@@ -54,7 +54,6 @@ $grid-bigger-headercelldiv-line-height: $grid-headercelldiv-line-height !default
 $grid-filterbarcell-text-indent: 1px !default;
 $grid-groupdroparea-rtl-text-align: center !default;
 $grid-rtl-th-firstcell-border-left: 0 !default;
-$group-ungroupicon-font-size: 11px !default;
 $grid-checkbox-cell-padding-top-bottom: 8px !default;
 $grid-rowselect-text-indent: 1px !default;
 $grid-toolbar-border-width: 1px solid !default;
@@ -62,8 +61,8 @@ $grid-filterdiv-padding: 0 !default;
 $grid-headercelldiv-height: 29px !default;
 $grid-filterbarcell-input-height: 26px !default;
 $grid-sortnumber-border-radius: 65% !default;
-$grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
-$grid-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
+$grid-textwrap-srotnumber-rightalign-margin: 3px 2px 0 20px !default;
+$grid-textwrap-srotnumber-margin: 3px -3px 0 2px !default;
 $grid-textwrap-sorticon-margin: -9px 10px !default;
 $grid-columnchooser-header-padding: 11px 18px 15px !default;
 $grid-columnchooser-toolbar-button-padding: 0 12px !default;
@@ -78,7 +77,6 @@ $grid-columnchooser-toolbar-div-padding: 0 10px !default;
 $grid-columnchooser-toolbar-icon-line-height: 1.9 !default;
 $grid-columnchooser-toolbar-icon-font-size: 15px !default;
 $grid-columnchooser-btn-font-size: 9px !default;
-$grid-columnchooser-btn-line-height: 3 !default;
 $grid-columnchooser-toolbardiv-padding: 3px 0 0 !default;
 $grid-columnchooser-toolbardiv-margin-top: 0 !default;
 $grid-columnchooser-toolbar-icon-vertical-align: middle !default;
@@ -147,6 +145,7 @@ $grid-flmenu-padding: 24px 0 0 !default;
 $grid-flmenu-boolean-content-padding: 18px 18px 0 !default;
 $grid-flmenu-boolean-button-width: 110px !default;
 $grid-flmenu-device-padding: 24px 0 0 !default;
+$grid-fltrmnu-dd-max-height: 298px !default;
 $grid-rtlfltrdiv-float: left !default;
 $grid-checkbox-wrapper-height: 20px !default;
 $grid-checkbox-wrapper-line-height: 20px !default;
@@ -307,6 +306,8 @@ $grid-rtl-group-text-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-right: -5px !default;
 $grid-rtl-headercell-border-width: 0 !default;
 $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
+$grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
+$grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -10px !default;
 $grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
 $grid-headercell-div-padding: 0 .4em !default;
@@ -433,12 +434,12 @@ $grid-content-batch-font-color: $grid-content-font-color !default;
 $grid-bigger-group-headercell-hover-padding: $grid-bigger-group-headercell-padding !default;
 
 $grid-header-wrap-rightalign-sortfilter-div-margin: -30px -5px !default;
-$grid-header-wrap-filtericon-sortfilter-div-margin: -24px 28px -29px 0 !default;
+$grid-header-wrap-filtericon-sortfilter-div-margin: -30px 14px -29px 14px !default;
 $grid-bigger-wrap-sortdiv-margin: -31px 8px !default;
 $grid-bigger-wrap-rightalign-sortdiv-margin: -30px -5px !default;
 $grid-bigger-wrap-rightalign-fltricon-sortdiv-margin: -26px -20px 0 0 !default;
 $grid-bigger-wrap-fltricon-sortdiv-margin: -30px 28px -31px 0 !default;
-$grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -24px 0 !default;
+$grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -30px 14px !default;
 
 $grid-drag-font-size: 12px !default;
 $grid-drag-icon-font-weight: bold !default;
@@ -474,7 +475,7 @@ $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
 $grid-rtl-searchclear: 0 !default;
 $grid-column-chosser-searchdiv-top: -46px !default;
 $grid-reorderarrow-font-size: 10px !default;
-$grid-bigger-wrap-line-height: $grid-wrap-line-height !default;
+$grid-bigger-wrap-line-height:18px !default;
 $grid-bigger-clone-padding: $grid-clone-padding !default;
 $grid-bigger-draganddrop-clone-padding: 0 !default;
 $grouped-bigger-text-font-size: 16px !default;