fix(styling): styling issue in Firefox after col reordering, fixes #297

- found a commit in SlickGrid to address Firefox styling issue 6pac/SlickGrid@a8d4452
ghiscoding · Oct 2, 2019 · a2c7e39 · a2c7e39
1 parent e63df17
commit a2c7e39
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/app/modules/angular-slickgrid/styles/slick-default-theme.scss b/src/app/modules/angular-slickgrid/styles/slick-default-theme.scss
@@ -14,6 +14,7 @@
    .slick-header-column {
      background: $grid-header-background;
      // background-color: #EBECEE;
+     box-sizing: content-box !important; /* this here only for Firefox! */
    }
 
    .slick-header-columns {

diff --git a/src/app/modules/angular-slickgrid/styles/slick-grid.scss b/src/app/modules/angular-slickgrid/styles/slick-grid.scss
@@ -28,6 +28,7 @@
   .slick-group-header-column.ui-state-default {
     position: relative;
     display: inline-block;
+    box-sizing: content-box !important; /* this here only for Firefox! */
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;