fix: Update sample because of api changes.

IgniteUI · May 17, 2018 · 2294d88 · 2294d88
1 parent f878c37
commit 2294d88
Showing 1 changed file with 37 additions and 33 deletions.
diff --git a/...gular/igx-ts/custom-templates/monster-grid/files/src/app/__path__/__name__.component.scss b/...gular/igx-ts/custom-templates/monster-grid/files/src/app/__path__/__name__.component.scss
@@ -9,53 +9,56 @@
     $primary: #09f,
     $secondary: #ffc800
   );
-  
+
   $primary-100: igx-color($crm-grid-palette, "primary", 100);
   $primary-200: igx-color($crm-grid-palette, "primary", 200);
   $primary-300: igx-color($crm-grid-palette, "primary", 300);
   $primary-400: igx-color($crm-grid-palette, "primary", 400);
   $primary-500: igx-color($crm-grid-palette, "primary", 500);
   $primary-600: igx-color($crm-grid-palette, "primary", 600);
   $primary-700: igx-color($crm-grid-palette, "primary", 700);
-  
+
   $secondary-100: igx-color($crm-grid-palette, "secondary", 100);
   $secondary-200: igx-color($crm-grid-palette, "secondary", 200);
   $secondary-300: igx-color($crm-grid-palette, "secondary", 300);
   $secondary-400: igx-color($crm-grid-palette, "secondary", 400);
   $secondary-500: igx-color($crm-grid-palette, "secondary", 500);
   $secondary-600: igx-color($crm-grid-palette, "secondary", 600);
   $secondary-700: igx-color($crm-grid-palette, "secondary", 700);
-  
+
   $checkbox-theme: igx-checkbox-theme(
     $fill-color: igx-color($crm-grid-palette, "secondary", 500),
     $tick-color: black
   );
-  
-  @include igx-checkbox($checkbox-theme, $crm-grid-palette);
-  
+
+  @include igx-checkbox($checkbox-theme);
+
   $summary-theme: igx-grid-summary-theme(
+    $palette: $crm-grid-palette,
     $label-color: igx-color($crm-grid-palette, "primary", 500)
   );
-  
-  @include igx-grid-summary($summary-theme, $crm-grid-palette);
-  
+
+  @include igx-grid-summary($summary-theme);
+
   $filtering-theme: igx-grid-filtering-theme(
+    $palette: $crm-grid-palette,
     $toggle-active-background: igx-color($crm-grid-palette, "secondary", 500)
   );
-  
-  @include igx-grid-filtering($filtering-theme, $crm-grid-palette);
-  
+
+  @include igx-grid-filtering($filtering-theme);
+
   // grid theme
   $crm-grid-theme: igx-grid-theme(
+    $palette: $crm-grid-palette,
     $header-background: lighten($primary-100, 15),
     $header-text-color: $primary-600,
     $cell-selected-background: $primary-100,
     $row-selected-background: $primary-200,
     $row-hover-background: lighten($primary-100, 10)
   );
-  
-  @include igx-grid($crm-grid-theme, $crm-grid-palette);
-  
+
+  @include igx-grid($crm-grid-theme);
+
   // button theme
   $crm-button-theme: igx-button-theme(
     $flat-background: $primary-400,
@@ -65,30 +68,31 @@
     $flat-focus-background: $primary-200,
     $flat-focus-text-color: $primary-100
   );
-  
+
   // Pass the theme to the igx-button component mixin
-  @include igx-button($crm-button-theme, $crm-grid-palette);
-  
+  @include igx-button($crm-button-theme);
+
   // linear bar theme
   $crm-linear-bar-theme: igx-progress-linear-theme(
+    $palette: $crm-grid-palette,
     $fill-color-default: igx-color($crm-grid-palette, "success", 500),
     $track-color: igx-color($crm-grid-palette, "error", 500)
   );
-  
-  @include igx-progress-linear($crm-linear-bar-theme, $crm-grid-palette);
-  
+
+  @include igx-progress-linear($crm-linear-bar-theme);
+
   .sample-wrapper {
     width: inherit;
     position: relative;
     height: 100%;
     margin: 0 auto;
     background: transparent;
   }
-  
+
   .avatar-cell {
     margin:-11px auto;
   }
-  
+
   // grid caption styling
   .crm-sample {
     background: $primary-500;
@@ -104,7 +108,7 @@
       margin-right: auto;
     }
   }
-  
+
   // button styling
   .toggle-button {
     margin-left: 8px;
@@ -118,11 +122,11 @@
       height: 1rem;
     }
   }
-  
+
   .relative-container {
     position: relative;
   }
-  
+
   .toggle-content {
     display: flex;
     width: 240px;
@@ -135,38 +139,38 @@
     top: 100%;
     box-shadow: igx-elevation($elevations, 4);
   }
-  
+
   .toggle-section {
     display: flex;
     flex-direction: column;
     width: 100%;
     height: 100%;
     font-size: 0.8em;
   }
-  
+
   .dd-title {
     color: $primary-600;
     margin:0;
     padding: 16px;
     font-size: 14px;
   }
-  
+
   .dd-list {
     list-style-type: none;
   }
-  
+
   .dd-list__item {
     display: flex;
     align-items: center;
     padding: 16px;
-    
+
     &:hover {
       background: lighten($primary-100, 10);
     }
   }
-  
+
   //resize handle
-  
+
   .igx-grid__th-resize-line {
     background: $secondary-500;
   }