Merge pull request #1190 from IgniteUI/didimmova/fix-advanced-filtering-style

fix(sample): fix inputs in query-builder not getting bootstrap styles

Author: simeonoff

samples/grids/grid/advanced-filtering-style/src/index.css

@@ -1,6 +1,10 @@
 /* shared styles are loaded from: */
 /* https://dl.infragistics.com/x/css/samples/shared.v8.css */
 
+:root {
+    --ig-theme: bootstrap;
+}
+
 #grid {
     --ig-query-builder-header-foreground: #512da8;
     --ig-query-builder-color-expression-group-and: #eb0000;
@@ -9,4 +13,3 @@
     --ig-query-builder-subquery-border-color: var(--ig-warn-500);
     --ig-query-builder-subquery-border-radius: 4px;
 }
-

samples/grids/grid/advanced-filtering-style/src/index.ts

@@ -1,12 +1,11 @@
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
 import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-
 import "./index.css";
 
 export class Sample {