fix(gd): Scrollbar behavior on main screen (#29724)

### Proposed Changes * Changed scrollbar behavior on sidenav https://github.com/user-attachments/assets/db5a9677-683a-4b3f-91ad-be8c99069d75 Co-authored-by: Kevin Davila <[email protected]>
dotCMS · Aug 23, 2024 · dca7797 · dca7797
1 parent 290aa6d
commit dca7797
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/...eb/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.spec.ts b/...eb/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.spec.ts
@@ -246,7 +246,7 @@ describe('DotNavigationComponent', () => {
             });
 
             it('should have scroll', () => {
-                expect(fixture.debugElement.styles.cssText).toEqual('overflow-y: scroll;');
+                expect(fixture.debugElement.styles.cssText).toEqual('overflow-y: auto;');
             });
         });
     });

diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.ts b/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.ts
@@ -17,7 +17,7 @@ export class DotNavigationComponent implements OnInit {
     menu$: Observable<DotMenu[]>;
 
     @HostBinding('style.overflow-y') get overFlow() {
-        return this.dotNavigationService.collapsed$.getValue() ? '' : 'scroll';
+        return this.dotNavigationService.collapsed$.getValue() ? '' : 'auto';
     }
 
     constructor(
-Original file line number
+Diff line change
@@ Expand Up / @@ -246,7 +246,7 @@ describe('DotNavigationComponent', () => { @@
                 });
                 it('should have scroll', () => {
-                    expect(fixture.debugElement.styles.cssText).toEqual('overflow-y: scroll;');
+                    expect(fixture.debugElement.styles.cssText).toEqual('overflow-y: auto;');
                 });
             });
         });
@@ Expand Down @@