fix(sample): query-builder sample now scrollable

ivanvpetrov · ivanvpetrov · commit fbe28af77114 · 2025-02-24T16:58:48.000+02:00
diff --git a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.scss b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.scss
@@ -1,5 +1,7 @@
 .wrapper{
     margin: 10px;
+    height: 100%;
+    overflow-y: auto;
 }
 
 .output-area{
diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html
@@ -1,3 +1,5 @@
-<igx-query-builder #queryBuilder
-    [entities]="entities">    
-</igx-query-builder>
+<div class="wrapper">
+    <igx-query-builder #queryBuilder
+        [entities]="entities">    
+    </igx-query-builder>
+</div>
diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.scss b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.scss
@@ -57,4 +57,10 @@ $custom-icon-button: icon-button-theme(
     }
   }
 }
+
+.wrapper{
+    margin: 10px;
+    height: 100%;
+    overflow-y: auto;
+}
  
diff --git a/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.scss b/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.scss
@@ -1,5 +1,7 @@
 .wrapper{
     margin: 10px;
+    height: 100%;
+    overflow-y: auto;
 }
 
 .output-area{

Original file line number	Diff line number	Diff line change
`@@ -57,4 +57,10 @@ $custom-icon-button: icon-button-theme(`
`57`	`57`	`}`
`58`	`58`	`}`
`59`	`59`	`}`
	`60`	`+`
	`61`	`+.wrapper{`
	`62`	`+ margin: 10px;`
	`63`	`+ height: 100%;`
	`64`	`+ overflow-y: auto;`
	`65`	`+}`
`60`	`66`