AG-xxx - Fixed sass autoprefixer for examples and css cleanup

ag-grid · Dec 10, 2018 · 3717aa9 · 3717aa9
1 parent 90657f7
commit 3717aa9
Show file tree

Hide file tree

Showing 23 changed files with 38 additions and 135 deletions.
diff --git a/packages/ag-grid-community/gulpfile.js b/packages/ag-grid-community/gulpfile.js
@@ -189,7 +189,10 @@ function scssTask() {
                                 loader: 'postcss-loader',
                                 options: {
                                     syntax: 'postcss-scss', 
-                                    plugins: [autoprefixer()]
+                                    plugins: [autoprefixer({
+                                        browsers: ["last 2 version"],
+                                        flexbox: true
+                                    })]
                                 }
                             }
                         ]

diff --git a/packages/ag-grid-community/src/styles/_ag-theme-balham-common.scss b/packages/ag-grid-community/src/styles/_ag-theme-balham-common.scss
@@ -20,15 +20,6 @@ $disabled-foreground-color-opacity: 0.38 !default;
     $row-border-width: map-get($params, "row-border-width");
     $selected-color: map-get($params, "selected-color");
 
-    .ag-header,
-    .ag-row,
-    .ag-header-cell,
-    .ag-header-group-cell,
-    .ag-rich-select-value,
-    .ag-root {
-        box-sizing: border-box;
-    }
-
     %card {
         border: 1px solid $border-color;
     }
@@ -115,7 +106,6 @@ $disabled-foreground-color-opacity: 0.38 !default;
         height: $grid-size * 6 !important;
 
         .ag-column-drop-cell-button {
-            box-sizing: border-box;
             height: calc(100% - #{$grid-size});
             margin-bottom: $grid-size / 2;
             margin-top: $grid-size / 2;
@@ -264,10 +254,6 @@ $disabled-foreground-color-opacity: 0.38 !default;
     .ag-cell-inline-editing {
         height: $row-height;
         padding: 0;
-
-        input {
-            box-sizing: border-box;
-        }
     }
 
     .ag-details-row {

diff --git a/packages/ag-grid-community/src/styles/_ag-theme-classic-common.scss b/packages/ag-grid-community/src/styles/_ag-theme-classic-common.scss
@@ -25,10 +25,6 @@
         background-color: map-get($params, "panel-background-color");
     }
 
-    .ag-cell {
-        box-sizing: border-box;
-    }
-
     %card {
         background-color: $editor-background-color;
         border: 1px solid $border-color;
@@ -80,7 +76,6 @@
 
     .ag-header-cell {
         border-right: 1px solid $border-color;
-        box-sizing: border-box;
     }
 
     .ag-header-group-cell {
@@ -140,7 +135,6 @@
         height: $grid-size * 4.5 !important;
 
         .ag-column-drop-cell-button {
-            box-sizing: border-box;
             height: calc(100% - #{$grid-size});
             margin-bottom: $grid-size / 2;
             margin-top: $grid-size / 2;
@@ -190,10 +184,6 @@
     .ag-cell-inline-editing {
         height: $row-height;
         padding: 0;
-
-        input {
-            box-sizing: border-box;
-        }
     }
 
     .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-title {

diff --git a/packages/ag-grid-community/src/styles/_ag-theme-common.scss b/packages/ag-grid-community/src/styles/_ag-theme-common.scss
@@ -15,7 +15,6 @@
 @mixin row-border($color) {
     border-style: solid;
     border-color: $color;
-    box-sizing: border-box;
 }
 
 @mixin grid-cell($height, $padding) {
@@ -65,7 +64,6 @@
 
     @if map-get($params, "customize-inputs") {
         background: transparent;
-        box-sizing: border-box;
         color: $foreground-color;
         font-family: inherit;
         font-size: inherit;
@@ -664,7 +662,6 @@
         }
 
         .ag-filter-header-container {
-            box-sizing: border-box;
             height: $virtual-item-height;
         }
 
@@ -747,7 +744,6 @@
 
     .ag-primary-cols-header-panel {
         border-bottom: 1px solid $border-color;
-        box-sizing: border-box;
         height: $header-height;
         padding-top: $grid-size;
 
@@ -802,7 +798,6 @@
 
         .ag-pivot-mode-panel {
             border-bottom: 1px solid $border-color;
-            box-sizing: border-box;
             height: $header-height;
             line-height: $header-height;
 
@@ -1043,16 +1038,12 @@
         width: calc(100% - #{$icon-size + $grid-size * 2});
 
         input {
-            box-sizing: border-box;
-
             @include textbox($params);
         }
     }
 
     .ag-floating-filter-full-body {
         input {
-            box-sizing: border-box;
-
             @include textbox($params);
         }
     }
@@ -1187,7 +1178,6 @@
     .ag-column-drop-cell {
         background: $chip-background-color;
         border-radius: $grid-size * 4;
-        box-sizing: border-box;
         height: $grid-size * 4 !important;
         margin-top: $grid-size;
         padding: 0 $grid-size / 2;
@@ -1513,7 +1503,6 @@
     }
 
     .ag-details-row {
-        box-sizing: border-box;
         padding: $grid-size * 5;
     }
 
@@ -1570,7 +1559,6 @@
 
         .ag-panel-container {
             border-right: 1px solid $border-color;
-            box-sizing: border-box;
         }
 
         &.full-width .ag-panel-container {
@@ -1595,8 +1583,6 @@
 
     .ag-primary-cols-filter {
         @include textbox($params);
-
-        box-sizing: border-box;
         width: 100%;
     }