Merge pull request #322 from MurhafSousli/test-deploy-demo

Demo: turn off auto-height and auto-width features on virtual scroll examples
MurhafSousli · Nov 17, 2020 · f92f0f9 · f92f0f9
2 parents d77d5c7 + a0f830c
commit f92f0f9
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/...ngx-scrollbar-demo/src/app/example-infinite-scroll/example-infinite-scroll.component.html b/...ngx-scrollbar-demo/src/app/example-infinite-scroll/example-infinite-scroll.component.html
@@ -6,7 +6,10 @@
   </mat-card-header>
   <mat-card-content>
     <div class="infinite-scroll-container">
-      <ng-scrollbar appearance="compact" [sensorDisabled]="true">
+      <ng-scrollbar appearance="compact"
+                    [autoHeightDisabled]="true"
+                    [autoWidthDisabled]="true"
+                    [sensorDisabled]="true">
         <div scrollViewport
              infiniteScroll
              [infiniteScrollDistance]="1"

diff --git a/...r-demo/src/app/example-nested-virtual-scroll/example-nested-virtual-scroll.component.html b/...r-demo/src/app/example-nested-virtual-scroll/example-nested-virtual-scroll.component.html
@@ -9,15 +9,21 @@
     <ng-scrollbar class="outer-ng-scrollbar"
                   track="vertical"
                   appearance="standard"
+                  [autoHeightDisabled]="true"
+                  [autoWidthDisabled]="true"
                   [sensorDisabled]="true">
-      <cdk-virtual-scroll-viewport scrollViewport itemSize="180" class="example-viewport">
+      <cdk-virtual-scroll-viewport scrollViewport
+                                   itemSize="180"
+                                   class="example-viewport">
 
         <div class="horizontal-scrollable-item" *cdkVirtualFor="let itemY of items">
           <h4>Row {{ itemY }}</h4>
 
           <ng-scrollbar class="inner-ng-scrollbar"
                         track="horizontal"
                         appearance="standard"
+                        [autoHeightDisabled]="true"
+                        [autoWidthDisabled]="true"
                         [sensorDisabled]="true">
             <cdk-virtual-scroll-viewport scrollViewport itemSize="100" orientation="horizontal">
               <div class="cards">

diff --git a/...s/ngx-scrollbar-demo/src/app/example-virutal-scroll/example-virtual-scroll.component.html b/...s/ngx-scrollbar-demo/src/app/example-virutal-scroll/example-virtual-scroll.component.html
@@ -6,7 +6,10 @@
   </mat-card-header>
   <mat-card-content>
     <div class="exampleVirtualScroll">
-      <ng-scrollbar appearance="compact" [sensorDisabled]="true">
+      <ng-scrollbar appearance="compact"
+                    [autoHeightDisabled]="true"
+                    [autoWidthDisabled]="true"
+                    [sensorDisabled]="true">
         <cdk-virtual-scroll-viewport scrollViewport itemSize="50" minBufferPx="100" maxBufferPx="200">
           <mat-list>
             <mat-list-item class="example-item" *cdkVirtualFor="let item of items">