feat(grouping): move the Grouping icons into slick-bootstrap.scss which is the correct place

Author: Ghislain Beaulac

src/app/modules/angular-slickgrid/styles/slick-bootstrap.scss

@@ -69,6 +69,7 @@
           &.selected {
             background-color: inherit !important;
           }
+
         }
         &.odd {
           background: $row-highlight-background-color;
@@ -150,6 +151,26 @@
         height: 100%;
         padding: 0;
       }
+      .slick-group-toggle {
+        width: 9px;
+        height: 9px;
+        margin-right: $icon-group-margin-right;
+        color: $icon-group-color;
+        cursor: pointer;
+        font-weight: $icon-group-font-weight;
+
+        &.expanded:before {
+          content: $icon-group-expanded;
+          font-family: $icon-font-family;
+          font-size: $icon-group-font-size;
+        }
+
+        &.collapsed:before {
+          content: $icon-group-collapsed;
+          font-family: $icon-font-family;
+          font-size: $icon-group-font-size;
+        }
+      }
     }
   }
 

src/app/modules/angular-slickgrid/styles/slick-default-theme.scss

@@ -133,25 +133,18 @@
    }
 
    .slick-group-toggle {
-     width: 9px;
-     height: 9px;
-     margin-right: $icon-group-margin-right;
-     color: $icon-group-color;
-     cursor: pointer;
-     font-weight: $icon-group-font-weight;
-
-     &.expanded:before {
-       content: $icon-group-expanded;
-       font-family: $icon-font-family;
-       font-size: $icon-group-font-size;
-     }
-
-     &.collapsed:before {
-       content: $icon-group-collapsed;
-       font-family: $icon-font-family;
-       font-size: $icon-group-font-size;
-     }
-   }
+    width: 9px;
+    height: 9px;
+    margin-right: 5px;
+  }
+
+  .slick-group-toggle.expanded {
+    background: none;
+  }
+
+  .slick-group-toggle.collapsed {
+    background: none;
+  }
 
    .slick-group-totals {
      color: gray;