Merge pull request #41 from IgniteUI/sstoychev/min-width-grids

dkamburov · web-flow · commit e4e1eec99455 · 2025-09-16T15:35:39.000+03:00
fix(*): adding min-width to grid containers to ensure render on mobile
diff --git a/projects/erp-hgrid/src/components/erp-hierarchical-grid.scss b/projects/erp-hgrid/src/components/erp-hierarchical-grid.scss
@@ -2,6 +2,7 @@
   display: block;
   height: 100%;
   width: 100%;
+  min-width: 1100px;
 }
 
 #hierarchicalGrid {
diff --git a/projects/finance-grid/src/finance-grid.scss b/projects/finance-grid/src/finance-grid.scss
@@ -15,6 +15,7 @@
   display: block;
   height: 100%;
   width: 100%;
+  min-width: 1100px;
 }
 
 .profitCondition {
diff --git a/projects/fleet-management-grid/src/components/fleet-management/fleet-management-grid.scss b/projects/fleet-management-grid/src/components/fleet-management/fleet-management-grid.scss
@@ -12,6 +12,7 @@
   display: block;
   height: 100%;
   width: 100%;
+  min-width: 1100px;
   font-family: var(--ig-font-family);
   @include theme($palette, $material-elevations, $typeface, $type-scale, "dark");
 }
diff --git a/projects/hr-portal/src/hr-portal.scss b/projects/hr-portal/src/hr-portal.scss
@@ -7,6 +7,7 @@
 :host {
   height: 100%;
   width: 100%;
+  min-width: 1100px;
   display: block;
 
   font-family: var(--ig-font-family);
diff --git a/projects/sales-grid/src/sales-grid.scss b/projects/sales-grid/src/sales-grid.scss
@@ -8,6 +8,7 @@
     display: block;
     height: 100%;
     width: 100%;
+    min-width: 1100px;
 
     font-family: var(--ig-font-family);
     @include theme($palette, $material-elevations, $typeface, $type-scale, "light");

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@`
`12`	`12`	`display: block;`
`13`	`13`	`height: 100%;`
`14`	`14`	`width: 100%;`
	`15`	`+ min-width: 1100px;`
`15`	`16`	`font-family: var(--ig-font-family);`
`16`	`17`	`@include theme($palette, $material-elevations, $typeface, $type-scale, "dark");`
`17`	`18`	`}`