Merge pull request #17 from IgniteUI/mdragnev/fix-main-app-styling

dkamburov · web-flow · commit 64c911db582d · 2025-04-25T11:19:16.000+03:00
Move theme import to the html instead of importing it in the typescri…
diff --git a/projects/erp-hierarchical-grid/index.html b/projects/erp-hierarchical-grid/index.html
@@ -7,6 +7,7 @@
     <title> Inventory</title>
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700" rel="stylesheet">
+    <link rel="stylesheet" href="./node_modules/igniteui-webcomponents-grids/grids/themes/light/material.css" />
     <link rel="stylesheet" href="./styles.scss" />
   </head>
   <body class="ig-scrollbar ig-typography">
diff --git a/projects/erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.tsx b/projects/erp-hierarchical-grid/src/components/ErpHGrid/ErpHGrid.tsx
@@ -1,6 +1,5 @@
 import { useState, useEffect } from "react";
 import { IgrBadge, IgrIcon, IgrRating, registerIcon } from "igniteui-react";
-import "igniteui-react-grids/grids/themes/light/material.css";
 import {
   IgrHierarchicalGrid,
   IgrColumn,
diff --git a/projects/finance-grid/index.html b/projects/finance-grid/index.html
@@ -14,6 +14,7 @@
       rel="stylesheet"
     />
     <link rel="stylesheet" href="./styles.scss" />
+    <link rel="stylesheet" href="./node_modules/igniteui-webcomponents-grids/grids/themes/light/bootstrap.css" />
   </head>
   <body class="ig-scrollbar ig-typography">
     <div id="root"></div>
diff --git a/projects/finance-grid/src/App.tsx b/projects/finance-grid/src/App.tsx
@@ -24,7 +24,6 @@ import {
 } from "igniteui-react";
 import { dataService } from "./services/data.service";
 import { TRENDING_DOWN, TRENDING_UP } from "./assets/icons/icons";
-import 'igniteui-react-grids/grids/themes/light/bootstrap.css'
 
 function FinanceGrid() {
   const updateTimerInMs = 3000;
diff --git a/projects/sales-grid/index.html b/projects/sales-grid/index.html
@@ -7,6 +7,7 @@
     <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>
     <link rel="shortcut icon" href="/favicon.ico" />
     <link rel="stylesheet" href="./index.scss">
+    <link rel="stylesheet" href="./node_modules/igniteui-webcomponents-grids/grids/themes/light/indigo.css" />
 </head>
   <body class="ig-scrollbar ig-typography">
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/projects/sales-grid/src/app/sales-grid/sales-grid.tsx b/projects/sales-grid/src/app/sales-grid/sales-grid.tsx
@@ -13,7 +13,6 @@ import {
 } from 'igniteui-react-grids';
 import { SalesDataService } from '../services/data.service';
 
-import 'igniteui-react-grids/grids/themes/light/indigo.css';
 import './sales-grid.scss';
 
 import ARROW_DOWN_SVG from "../data/icons/arrow_drop_down.svg";
