@syncfusion/ej2-angular-grids 20.2.39-ngcc → 20.2.39

package/styles/grid/_theme.scss

@@ -0,0 +1,603 @@
+@include export-module('grid-theme') {
+
+  /*! Grid theme */
+  #{&}.e-grid {
+    border-color: $grid-header-border-color;
+
+    .e-content {
+      background-color: $grid-rows-bg-color;
+    }
+
+    .e-icons:not(.e-btn-icon) {
+      color: $grid-icon-color;
+    }
+
+    .e-unboundcelldiv .e-icons:not(.e-btn-icon) {
+      color: $grid-command-icon-color;
+    }
+
+    .e-unboundcelldiv .e-btn:hover .e-icons {
+      @if $grid-skin == 'bootstrap5' {
+        color: $white;
+      }
+    }
+
+    .e-table {
+      background-color: $grid-table-background-color;
+    }
+
+    .e-focused:not(.e-menu-item) {
+      box-shadow: $grid-cell-focus-shadow;
+    }
+
+    .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
+      color: $grid-icon-default-color;
+    }
+
+    .e-gridheader .e-headercontent .e-icon-reorderuparrow,
+    .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
+      color: $grid-column-reorder-icon-color;
+    }
+
+    .e-groupdroparea .e-icons {
+      color: $grid-header-icon-color;
+    }
+
+    .e-tableborder {
+      border-right-color: $grid-header-border-color;
+    }
+
+    .e-autofill {
+      background-color: $grid-autofill-color;
+    }
+
+    .e-autofill,
+    .e-xlsel {
+      border-color: $grid-autofill-color;
+      z-index: 1;
+    }
+
+    .e-xlsel {
+      background-color: transparent;
+      border-style: solid;
+      pointer-events: none;
+      position: absolute;
+    }
+
+    .e-xlselaf {
+      background-color: $grid-autofill-color;
+      border-color: $grid-autofill-color;
+      position: absolute;
+    }
+
+    .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
+    .e-gridcontent .e-rowcell.e-dragborder,
+    .e-gridcontent .e-rowdragdrop.e-dragborder,
+    & .e-gridheader thead tr th.e-firstrowdragborder,
+    &.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
+    &.e-rtl .e-gridcontent .e-rowcell.e-dragborder,
+    &.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
+      box-shadow: $grid-dragborder-box-shadow;
+      position: $grid-dragborder-position;
+      z-index: $grid-dragborder-z-index;
+    }
+
+    .e-gridheader {
+      background-color: $grid-header-bg-color;
+      border-bottom-color: $grid-outter-border;
+      border-top-color: $grid-header-border-color;
+      color: $grid-header-color;
+    }
+
+    .e-gridcontent {
+      & tr:first-child td {
+        border-top-color: transparent;
+      }
+    }
+
+    th.e-headercell[aria-sort = 'ascending'] .e-headertext,
+    th.e-headercell[aria-sort = 'descending'] .e-headertext,
+    th.e-headercell[aria-sort = 'ascending'] .e-sortfilterdiv,
+    th.e-headercell[aria-sort = 'descending'] .e-sortfilterdiv {
+      color: $grid-sorted-header-color;
+      opacity: 1;
+    }
+
+    &.e-default.e-verticallines .e-headercell.e-stackedheadercell {
+      border-color: $grid-header-border-color;
+    }
+
+    &.e-default.e-horizontallines .e-grouptopleftcell {
+      border-color: $grid-header-border-color;
+    }
+
+    &.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell,
+    &.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell,
+    &.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell,
+    &.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
+      border-color: $grid-header-border-color;
+    }
+
+    &.e-default .e-gridheader .e-headercell.e-firstheader,
+    &.e-default.e-horizontallines .e-headercell.e-firstheader {
+      border-color: $grid-header-border-color;
+    }
+
+    .e-filterbarcell input {
+      border-color: $grid-header-border-color;
+    }
+
+    .e-gridcontent {
+      background-color: $grid-content-bg-color;
+    }
+
+    .e-gridfooter {
+      background-color: $grid-summary-row-bg-color;
+    }
+
+    .e-headercontent {
+      border-color: $grid-header-border-color;
+    }
+
+    .e-rowdragheader {
+      background-color: $grid-header-bg-color;
+    }
+
+    .e-headercell,
+    .e-detailheadercell {
+      background-color: $grid-header-bg-color;
+      border-color: $grid-header-border-color;
+    }
+
+    [aria-selected] + tr .e-detailindentcell {
+      border-color: $grid-header-border-color;
+    }
+
+    tr th.e-firstcell {
+      border-left-color: $grid-header-border-color;
+      border-right-color: $grid-header-border-color;
+    }
+
+    .e-rowcell,
+    .e-detailrowcollapse,
+    .e-detailrowexpand,
+    .e-gridcontent .e-rowdragdrop,
+    .e-gridheader .e-rowdragdrop,
+    .e-emptyrow {
+      &:not(.e-editedbatchcell):not(.e-updatedtd) {
+        color: $grid-rowcell-color;
+      }
+    }
+
+    .e-summarycell {
+      background-color: $group-row-bg-color;
+      border-color: $grid-header-border-color;
+      color: $grid-header-color;
+    }
+
+    .e-summaryrow .e-summarycell,
+    .e-summaryrow .e-templatecell,
+    .e-summarycontent .e-indentcell,
+    .e-indentcell.e-detailindentcelltop {
+      background-color: $grid-summary-row-bg-color;
+      border-color: $grid-header-border-color;
+      color: $grid-header-color;
+    }
+
+    .e-rowcell,
+    .e-groupcaption,
+    .e-indentcell,
+    .e-recordplusexpand,
+    .e-recordpluscollapse,
+    .e-rowdragdropcell,
+    .e-detailrowcollapse,
+    .e-detailrowexpand,
+    .e-detailindentcell,
+    .e-detailcell {
+      border-color: $grid-cell-border-color;
+    }
+
+    &.e-default .e-grouptopleftcell {
+      border-color: $grid-header-border-color;
+    }
+
+    .e-frozenhdrcont .e-headercontent > .e-table,
+    .e-frozenhdrcont .e-frozenheader > .e-table,
+    .e-frozenhdrcont .e-movableheader > .e-table,
+    .e-frozenhdrcont .e-headercontent .e-virtualtable > .e-table {
+      border-bottom-color: $frozen-border-color;
+    }
+
+    .e-frozencontent {
+      border-bottom-color: $grid-cell-border-color;
+    }
+
+    .e-frozenheader > .e-table,
+    .e-frozencontent > .e-table,
+    .e-frozencontent .e-virtualtable > .e-table,
+    .e-frozenheader .e-virtualtable > .e-table {
+      border-right-color: $frozen-border-color;
+    }
+
+    .e-frozenheader.e-frozenborderdisabled > .e-table,
+    .e-frozencontent.e-frozenborderdisabled > .e-table,
+    .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
+    .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
+      border-right-color: $grid-frozenborder-disabled-color;
+    }
+
+    .e-frozenheader.e-frozen-right-header > .e-table,
+    .e-frozencontent.e-frozen-right-content > .e-table,
+    .e-rowcell .e-frozen-default-cursor,
+    .e-gridheader .e-headercell .e-frozen-default-cursor,
+    .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
+      border-left-color: $frozen-border-color;
+    }
+
+    .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
+    .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
+      border-left-color: $grid-frozenborder-disabled-color;
+    }
+
+    &.e-rtl .e-frozenheader > .e-table,
+    &.e-rtl .e-frozencontent > .e-table,
+    &.e-rtl .e-frozenheader .e-virtualtable > .e-table,
+    &.e-rtl .e-frozencontent .e-virtualtable > .e-table {
+      border-left-color: $frozen-border-color;
+    }
+
+    &.e-rtl .e-frozenheader.e-frozen-right-header > .e-table,
+    &.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
+      border-right-color: $frozen-border-color;
+    }
+
+    &.e-gridhover tr[role = 'row']:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell,
+    &.e-gridhover tr[role = 'row']:not(.e-detailrow):hover .e-detailrowcollapse,
+    &.e-gridhover tr[role = 'row']:hover .e-rowdragdrop,
+    &.e-rtl .e-gridhover tr[role = 'row']:hover .e-rowdragdrop,
+    &.e-gridhover tr[role = 'row']:not(.e-detailrow):hover .e-detailrowexpand {
+      &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+        background-color: $grid-hover-bg-color;
+        color: $grid-hover-content-font-color;
+      }
+    }
+
+    & tr[role = 'row']:hover .e-rowdragdrop {
+      cursor: move;
+    }
+
+    .e-sortnumber {
+      background-color: $grid-sortnumber-bg-color;
+      color: $grid-sortnumber-color;
+    }
+
+    &.e-gridhover .e-frozenhover {
+      background-color: $grid-hover-bg-color;
+      color: $grid-hover-content-font-color;
+    }
+
+    .e-col-menu.e-filter-popup {
+      box-shadow: $grid-column-menu-sub-menu-box-shadow;
+    }
+
+    & td.e-active .e-icon-rowdragicon::before {
+      color: $grid-row-selection-color;
+    }
+
+    td.e-active {
+      background: $grid-row-selection-bg-color;
+      color: $grid-row-selection-color;
+    }
+
+    .e-columnselection {
+      background-color: $grid-row-selection-bg-color;
+    }
+
+    td.e-cellselectionbackground {
+      background: $grid-cell-selection-bg-color;
+      color: $grid-cell-selection-color;
+    }
+
+    .e-filterbarcell,
+    .e-filterbarcelldisabled {
+      background-color: $grid-header-bg-color;
+      background-image: none;
+      border-color: $grid-header-border-color;
+    }
+
+    .e-filtered::before {
+      color: $grid-filtered-color;
+    }
+
+    .e-gridpopup .e-content {
+      background-color: $grid-popup-bg-color;
+      border-color: $grid-header-border-color;
+    }
+
+    .e-gridpopup span:hover,
+    .e-gridpopup .e-spanclicked {
+      border-color: $grid-icon-color;
+    }
+
+    .e-gridpopup .e-downtail::before,
+    .e-gridpopup .e-downtail {
+      border-top-color: $grid-header-border-color;
+    }
+
+    .e-gridpopup .e-downtail::after {
+      border-top-color: $grid-popup-bg-color;
+    }
+
+    .e-gridpopup .e-uptail::before,
+    .e-gridpopup .e-uptail {
+      border-bottom-color: $grid-header-border-color;
+    }
+
+    .e-gridpopup .e-uptail::after {
+      border-bottom-color: $grid-popup-bg-color;
+    }
+
+    .e-cloneproperties {
+      background-color: $grid-drag-clone-bg-color;
+      border-color: $grid-drag-clone-border-color;
+      color: $grid-drag-clone-color;
+    }
+
+    & .e-rhelper {
+      background-color: $grid-resize-helper-color;
+      cursor: col-resize;
+      opacity: $grid-conent-font-opacity;
+    }
+
+    &.e-device .e-rcursor::before {
+      border-right-color: $grid-resize-helper-color;
+      opacity: $grid-conent-font-opacity;
+    }
+
+    &.e-device .e-rcursor::after {
+      border-left-color: $grid-resize-helper-color;
+      opacity: $grid-conent-font-opacity;
+    }
+
+    &.e-resize-lines .e-headercell .e-rhandler,
+    &.e-resize-lines .e-headercell .e-rsuppress {
+      border-right: 1px solid $grid-header-border-color;
+    }
+
+    &.e-resize-lines .e-frozen-right-header .e-headercell .e-rhandler,
+    &.e-resize-lines .e-frozen-right-header .e-headercell .e-rsuppress {
+      border-left: 1px solid $grid-header-border-color;
+    }
+
+    &.e-resize-lines .e-focused .e-rhandler {
+      border: 0 none;
+    }
+
+    &.e-resize-lines .e-headercell.e-stackedheadercell {
+      border-bottom: 1px solid $grid-header-border-color;
+      border-right: 1px solid $grid-header-border-color;
+    }
+
+    &.e-resize-lines .e-frozen-right-header .e-headercell.e-stackedheadercell {
+      border-left: 1px solid $grid-header-border-color;
+    }
+
+    &.e-rtl.e-resize-lines .e-headercell.e-stackedheadercell,
+    &.e-rtl.e-resize-lines .e-headercell .e-rhandler,
+    &.e-rtl.e-resize-lines .e-headercell .e-rsuppress {
+      border-left: 1px solid $grid-header-border-color;
+      border-right-width: 0;
+    }
+
+    &.e-rtl.e-resize-lines .e-frozen-right-header .e-headercell.e-stackedheadercell,
+    &.e-rtl.e-resize-lines .e-frozen-right-header .e-headercell .e-rhandler,
+    &.e-rtl.e-resize-lines .e-frozen-right-header .e-headercell .e-rsuppress {
+      border-left-width: 0;
+      border-right: 1px solid $grid-header-border-color;
+    }
+
+    &.e-resize-lines .e-filterbarcell,
+    &.e-rtl.e-resize-lines .e-filterbarcell {
+      border-top: 1px solid $grid-header-border-color;
+    }
+
+    .e-cloneproperties.e-draganddrop {
+      box-shadow: $grid-clone-prop-box-shadow;
+      opacity: .95;
+      overflow: visible;
+    }
+
+    & .e-row .e-dragstartrow::before,
+    & .e-row .e-selectionbackground .e-dragstartrow::before {
+      color: $grid-clone-dropitemscount-bg-color;
+    }
+
+    .e-griddragarea {
+      background-color: $grid-drag-clone-bg-color;
+      border-color: $grid-drag-clone-bg-color;
+      color: $grid-row-selection-color;
+    }
+
+    .e-groupdroparea {
+      background-color: $group-droparea-bg-color;
+      border-top-color: $grid-header-border-color;
+      color: $group-droparea-color;
+    }
+
+    .e-groupdroparea.e-hover {
+      background-color: $group-droparea-hover-bg-color;
+      @if $grid-skin == 'fluent' {
+        border: 1px dashed $grid-autofill-color;
+      }
+    }
+
+    .e-groupdroparea.e-grouped {
+      background-color: $grouped-droparea-bg-color;
+    }
+
+    .e-groupheadercell {
+      background-color: $group-header-bg-color;
+      border-color: $grid-group-broder-color;
+      border-radius: $group-header-border-radius;
+      color: $group-header-color;
+    }
+
+    .e-groupheadercell:hover {
+      background-color: $group-header-hover-bg-color;
+      border-color: $grid-group-hover-broder-color;
+    }
+
+    .e-ungroupbutton:hover {
+      color: $grid-hover-icon-color;
+      opacity: 1;
+    }
+
+    .e-ungroupbutton {
+      opacity: $grid-ungroup-icon-opactiy;
+    }
+
+    .e-groupcaption,
+    .e-indentcell,
+    .e-recordplusexpand,
+    .e-recordpluscollapse {
+      background-color: $group-row-bg-color;
+      color: $group-caption-font-color;
+    }
+
+    .e-grouptopleftcell {
+      background-color: $grid-header-bg-color;
+      border-color: $grid-header-border-color;
+    }
+
+    .e-stackedheadercell {
+      border-bottom-color: $grid-header-border-color;
+    }
+
+    .e-verticallines tr th {
+      border-color: $grid-header-border-color;
+    }
+
+    td.e-updatedtd {
+      background-color: $grid-batch-updated-bg-color;
+      color: $grid-content-batch-font-color;
+    }
+
+    .e-gridcontent .e-normaledit .e-rowcell {
+      border-top-color: $grid-header-border-color;
+    }
+
+    .e-gridcontent .e-normaledit .e-dragindentcell,
+    .e-gridcontent .e-normaledit .e-detailrowcollapse {
+      border-top: 1px solid $grid-header-border-color;
+    }
+
+    .e-ccdlg {
+      .e-footer-content {
+        border-color: $grid-columnchooser-footer-border-color;
+        opacity: $grid-columnchooser-footer-border-opacity;
+      }
+
+      .e-cc-searchdiv {
+        border-color: $grid-columnchooser-search-border-color;
+      }
+
+      .e-cc-searchdiv.e-input-focus {
+        border-color: $grid-columnchooser-search-border-fcolor;
+      }
+    }
+
+    .e-cloneproperties.e-draganddrop .e-rowcell {
+      color: $grid-content-font-color;
+    }
+
+    .e-cloneproperties.e-draganddrop table,
+    .e-cloneproperties.e-draganddrop table .e-selectionbackground {
+      background-color: $grid-clone-dragdrop-bg-color;
+      height: 30px;
+    }
+
+    &.e-rtl {
+
+      & .e-verticallines tr th:first-child:not(.e-firstcell) {
+        border-color: $grid-header-border-color;
+      }
+
+      &.e-default .e-gridheader .e-headercell.e-firstheader,
+      &.e-default.e-horizontallines .e-headercell.e-firstheader,
+      &.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader,
+      &.e-default.e-verticallines .e-headercell.e-stackedheadercell,
+      &.e-default.e-verticallines tr th:last-child,
+      &.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell,
+      &.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell,
+      &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
+      &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
+        border-color: $grid-header-border-color;
+      }
+
+      .e-tableborder {
+        border-left-color: $grid-header-border-color;
+      }
+
+      .e-filterbardropdown {
+        margin-left: $grid-filterbar-dropdown;
+      }
+    }
+
+    &.sf-grid {
+      .e-gridfooter .e-summarycontent {
+        border-right: 0 $grid-header-border-color solid;
+      }
+    }
+
+    .e-ftrchk.e-chkfocus {
+      background-color: $grid-hover-bg-color;
+    }
+  }
+
+  .e-tooltip-wrap.e-griderror,
+  .e-control.e-tooltip-wrap.e-popup.e-griderror {
+    background-color: $grid-val-error-bg-color;
+    border-color: $grid-val-error-bg-color;
+  }
+
+  .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-top,
+  .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-top {
+    border-bottom: 8px solid $grid-val-error-bg-color;
+    color: $grid-val-error-bg-color;
+  }
+
+  .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-bottom,
+  .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-bottom {
+    border-top: 8px solid $grid-val-error-bg-color;
+    color: $grid-val-error-bg-color;
+  }
+
+  .e-tooltip-wrap.e-griderror .e-tip-content,
+  .e-tooltip-wrap.e-griderror .e-tip-content label {
+    color: $grid-val-error-color;
+  }
+
+  .e-dropitemscount {
+    background-color: $grid-clone-dropitemscount-bg-color;
+    color: $grid-dropitemscount-color;
+  }
+
+  .e-filterbaroperator.e-dropdownlist {
+    position: absolute;
+  }
+
+  .e-filterbardropdown:not(.e-rtl) {
+    margin-right: $grid-filterbar-dropdown;
+  }
+
+  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
+    .e-filterbardropdown {
+      border: transparent;
+    }
+
+    .e-filterbardropdown:active,
+    .e-filterbardropdown.e-input-focus {
+      box-shadow: none;
+    }
+  }
+}

package/styles/grid/bootstrap-dark.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
@@ -103,6 +104,7 @@
   min-height: 34px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -352,6 +354,7 @@
 .e-bigger .e-grid,
 .e-grid.e-bigger {
   font-size: 14px;
+  /* stylelint-disable */
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1009,6 +1012,9 @@
   font-size: 13px;
   height: auto;
   position: relative;
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-gridheader {
   -webkit-user-select: none;
@@ -1916,7 +1922,7 @@
   padding-left: 8px;
 }
 .e-grid .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;
@@ -1930,7 +1936,7 @@
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
-  -webkit-user-select: auto;
+  -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
   height: 20px;
   line-height: 20px;
   position: relative;
@@ -2126,7 +2132,7 @@
   padding: 2px;
 }
 .e-grid .e-content {
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
   overflow-x: auto;
   overflow-y: scroll;
   position: relative;
@@ -2477,6 +2483,8 @@
 .e-grid .e-checkboxfiltertext {
   width: 150px;
   word-break: normal;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
 .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2536,10 +2544,10 @@
   overflow: hidden;
 }
 .e-grid .e-frozenhdrcont {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
 }
 .e-grid .e-frozencontent {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
   border-bottom-width: 1px;
   float: left;
   width: min-content;
@@ -2548,19 +2556,19 @@
   float: right;
 }
 .e-grid .e-movablecontent {
-  -ms-overflow-style: none;
+  -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
   -ms-flex: 1;
       flex: 1;
   overflow-x: auto;
   overflow-y: hidden;
 }
-.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
+.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   display: none;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   width: 7px;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 4px;
 }
@@ -2940,7 +2948,7 @@
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
 }
-.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
+.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
   text-overflow: clip;
 }
 .e-grid .e-clipboard {
@@ -3550,7 +3558,7 @@
 }
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;