@syncfusion/ej2-angular-grids 20.4.54 → 21.1.35

package/styles/bootstrap5-dark.css

@@ -537,6 +537,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(233, 236, 239, 0.12);
@@ -878,8 +887,8 @@ 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,
@@ -919,8 +928,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-icon-grightarrow {
   font-size: 16px;
 }
-.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: 16px;
 }
 .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1033,6 +1042,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -14px 22px -14px 4px;
 }
+.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: 0 0.45em 0 0.5em;
+}
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2198,6 +2211,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 8px;
 }
+.e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
+  padding: 0 0.45em 0 0.5em;
+}
 .e-grid .e-filtermenudiv {
   float: right;
   margin: -12px -2px -12px 8px;
@@ -2264,10 +2280,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -13px 8px -12px 13px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
-  margin: 3px 2px 0 10px;
+  margin: 5px 2px 0 10px;
 }
 .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;
@@ -2284,7 +2300,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu {
-  margin: -19px -20px -20px -20px;
+  line-height: 3px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -2292,7 +2308,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -13px 8px -12px -22px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
-  margin: -17px -13px -23px -25px;
+  line-height: 3px;
 }
 .e-grid [class^=e-] {
   box-sizing: border-box;
@@ -2316,6 +2332,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;
 }
@@ -2793,9 +2818,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: 14px;
-  line-height: 3;
 }
 .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
   margin-top: 4px;
@@ -3188,6 +3212,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;
 }
@@ -3389,7 +3418,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -12px 8px -12px -2px;
   padding: 2px;
 }
-.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;
@@ -3400,19 +3429,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: 3px;
 }
-.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: 3px;
 }
-.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;
@@ -3429,10 +3458,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 20px -29px 0;
+  margin: -20px 20px -29px 14px;
 }
 .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: -14px 0;
+  margin: -20px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -3770,7 +3799,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
 .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
 .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
-  padding-bottom: 4px;
+  padding-bottom: 0;
   color: #adb5bd;
 }
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
@@ -4187,6 +4216,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: #444c54;
@@ -4377,11 +4413,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: #444c54;
 }
-.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: #31373d;
   color: #fff;
 }
-.e-grid tr[role=row]:hover .e-rowdragdrop {
+.e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
 .e-grid .e-sortnumber {

package/styles/bootstrap5.css

@@ -537,6 +537,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(52, 58, 64, 0.12);
@@ -878,8 +887,8 @@ 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,
@@ -919,8 +928,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-icon-grightarrow {
   font-size: 16px;
 }
-.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: 16px;
 }
 .e-bigger .e-grid .e-gridheader tr th:last-child,
@@ -1033,6 +1042,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -14px 22px -14px 4px;
 }
+.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: 0 0.45em 0 0.5em;
+}
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2198,6 +2211,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 8px;
 }
+.e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
+  padding: 0 0.45em 0 0.5em;
+}
 .e-grid .e-filtermenudiv {
   float: right;
   margin: -12px -2px -12px 8px;
@@ -2264,10 +2280,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -13px 8px -12px 13px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
-  margin: 3px 2px 0 10px;
+  margin: 5px 2px 0 10px;
 }
 .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;
@@ -2284,7 +2300,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu {
-  margin: -19px -20px -20px -20px;
+  line-height: 3px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -2292,7 +2308,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -13px 8px -12px -22px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
-  margin: -17px -13px -23px -25px;
+  line-height: 3px;
 }
 .e-grid [class^=e-] {
   box-sizing: border-box;
@@ -2316,6 +2332,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;
 }
@@ -2793,9 +2818,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: 14px;
-  line-height: 3;
 }
 .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
   margin-top: 4px;
@@ -3188,6 +3212,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;
 }
@@ -3389,7 +3418,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -12px 8px -12px -2px;
   padding: 2px;
 }
-.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;
@@ -3400,19 +3429,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: 3px;
 }
-.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: 3px;
 }
-.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;
@@ -3429,10 +3458,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 20px -29px 0;
+  margin: -20px 20px -29px 14px;
 }
 .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: -14px 0;
+  margin: -20px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -3770,7 +3799,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
 .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
 .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
-  padding-bottom: 4px;
+  padding-bottom: 0;
   color: #6c757d;
 }
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
@@ -4187,6 +4216,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: #dee2e6;
@@ -4377,11 +4413,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: #dee2e6;
 }
-.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: #eff1f4;
   color: #212529;
 }
-.e-grid tr[role=row]:hover .e-rowdragdrop {
+.e-grid .e-row:hover .e-rowdragdrop {
   cursor: move;
 }
 .e-grid .e-sortnumber {

package/styles/excel-filter/_bootstrap-dark-definition.scss

@@ -14,6 +14,8 @@ $grid-xlfltd-padding: 11.25px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 11.25px !default;
 $grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 25px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_bootstrap-definition.scss

@@ -13,6 +13,8 @@ $grid-xlfltd-padding: 11.25px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 11.25px !default;
 $grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 25px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_bootstrap4-definition.scss

@@ -19,6 +19,8 @@ $grid-xlfltd-padding: 11.25px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 11.25px !default;
 $grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 25px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_bootstrap5-definition.scss

@@ -21,12 +21,14 @@ $grid-xlfltd-padding: 11.25px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 11.25px !default;
 $grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 25px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;
 $grid-xlfltd-radio-mtcase-padding: 12px !default;
-$grid-xlfl-fieldset-font-size: 13px !default;
-$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-fieldset-font-size: $font-icon-13 !default;
+$grid-xlfl-dlgfields-font-size: $font-icon-15 !default;
 $grid-xlfl-li-height: 36px !default;
 $grid-xl-radio-padding-left: 25px !default;
 $grid-xlfl-radiodiv-width: 120px !default;

package/styles/excel-filter/_fabric-dark-definition.scss

@@ -3,6 +3,8 @@ $grid-xlfltd-padding: 12px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 12px !default;
 $grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 35px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_fabric-definition.scss

@@ -5,6 +5,8 @@ $grid-xlfltd-padding: 12px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 12px !default;
 $grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 35px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_fluent-definition.scss

@@ -21,12 +21,14 @@ $grid-xlfltd-padding: 11.25px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 11.25px !default;
 $grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 25px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
-$grid-xlfl-dlg-padding-bottom: 5px !default;
+$grid-xlfl-dlg-padding-bottom: 1px !default;
 $grid-xlfltd-radio-mtcase-padding: 12px !default;
-$grid-xlfl-fieldset-font-size: 13px !default;
-$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-fieldset-font-size: $font-icon-13 !default;
+$grid-xlfl-dlgfields-font-size: $font-icon-15 !default;
 $grid-xlfl-li-height: 36px !default;
 $grid-xl-radio-padding-left: 25px !default;
 $grid-xlfl-radiodiv-width: 121px !default;
@@ -34,7 +36,7 @@ $grid-bigger-xlfl-li-height: 40px !default;
 $grid-bigger-xlfl-fieldset-font-size: $text-base !default;
 $grid-bigger-xlfl-dlgfields-font-size: $text-lg !default;
 $grid-bigger-xlfltd-radio-mtcase-padding: 10px !default;
-$grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
+$grid-bigger-xlfl-dlg-padding-bottom: 1px !default;
 $grid-bigger-xlfl-li-icon-margin-right: 13px !default;
 $grid-bigger-xlfl-li-left-padding: 26px !default;
 $grid-bigger-xlfl-min-height: 362px !default;

package/styles/excel-filter/_fusionnew-definition.scss

@@ -21,6 +21,8 @@ $grid-xlfltd-padding: 11.25px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 11.25px !default;
 $grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 25px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_highcontrast-definition.scss

@@ -3,6 +3,8 @@ $grid-xlfltd-padding: 12px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 12px !default;
 $grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 35px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_highcontrast-light-definition.scss

@@ -3,6 +3,8 @@ $grid-xlfltd-padding: 12px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 12px !default;
 $grid-xlfl-min-height: 314px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 35px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;

package/styles/excel-filter/_layout.scss

@@ -415,3 +415,12 @@
     padding-top: $grid-checkbox-padding-topbottom;
   }
 }
+
+.e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: $grid-exlfltr-ctxtmnu-max-height;
+  overflow-y: auto;
+}
+
+.e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
+  max-height: $grid-bigger-exlfltr-ctxtmnu-max-height;
+}

package/styles/excel-filter/_material-dark-definition.scss

@@ -12,6 +12,8 @@ $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 12px !default;
 $grid-xlfl-radio-margin-left: 13px !default;
 $grid-xlfl-min-height: 295px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 28px !default;
 $grid-xlfl-li-icon-margin-right: 12px !default;
 $grid-xlfl-dlg-padding-bottom: 6px !default;

package/styles/excel-filter/_material-definition.scss

@@ -4,6 +4,8 @@ $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 12px !default;
 $grid-xlfl-radio-margin-left: 13px !default;
 $grid-xlfl-min-height: 295px !default;
+$grid-exlfltr-ctxtmnu-max-height: 298px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 28px !default;
 $grid-xlfl-li-icon-margin-right: 12px !default;
 $grid-xlfl-dlg-padding-bottom: 6px !default;

package/styles/excel-filter/_tailwind-definition.scss

@@ -19,12 +19,14 @@ $grid-xlfltd-padding: 11.25px !default;
 $grid-xlfltable-border-spacing: 0 !default;
 $grid-xlfl-dropdown-padding-right: 11.25px !default;
 $grid-xlfl-min-height: 318px !default;
+$grid-exlfltr-ctxtmnu-max-height: 227px !default;
+$grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
 $grid-xlfl-li-left-padding: 25px !default;
 $grid-xlfl-li-icon-margin-right: 10px !default;
 $grid-xlfl-dlg-padding-bottom: 5px !default;
 $grid-xlfltd-radio-mtcase-padding: 12px !default;
-$grid-xlfl-fieldset-font-size: 13px !default;
-$grid-xlfl-dlgfields-font-size: 15px !default;
+$grid-xlfl-fieldset-font-size: $font-icon-13 !default;
+$grid-xlfl-dlgfields-font-size: $font-icon-15 !default;
 $grid-xlfl-li-height: 36px !default;
 $grid-xl-radio-padding-left: 25px !default;
 $grid-xlfl-radiodiv-width: 120px !default;

package/styles/excel-filter/bootstrap-dark.css

@@ -493,6 +493,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(149, 149, 149, 0.12);

package/styles/excel-filter/bootstrap.css

@@ -493,6 +493,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(230, 230, 230, 0.12);

package/styles/excel-filter/bootstrap4.css

@@ -538,6 +538,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(108, 117, 125, 0.12);