improve angular example

KingSora · Aug 25, 2023 · 29e8b5d · 29e8b5d
1 parent 6e31b75
commit 29e8b5d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/docs/example/angular/index.html b/docs/example/angular/index.html
@@ -10,6 +10,6 @@
   <style>[data-overlayscrollbars-initialize]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}*,*:before,*:after{box-sizing:border-box;font-family:inherit}:root{--foreground-color-rgb:221 0 49;--background-color-rgb:48 48 48;--foreground-color:rgb(var(--foreground-color-rgb));--background-color:rgb(var(--background-color-rgb));--text-color:#fafafa}*{outline-width:2px;outline-color:var(--foreground-color);outline-offset:2px}*:focus-visible{outline:2px solid var(--foreground-color)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--background-color);color:var(--text-color);scroll-behavior:smooth}</style><link rel="stylesheet" href="styles.d2cd26c1539d1922.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.d2cd26c1539d1922.css"></noscript></head>
   <body data-overlayscrollbars-initialize="">
     <app-root></app-root>
-  <script src="runtime.a8f964f4849dbf7a.js" type="module"></script><script src="polyfills.a7397b2085072722.js" type="module"></script><script src="main.d4ab6e53c9e37302.js" type="module"></script>
+  <script src="runtime.a8f964f4849dbf7a.js" type="module"></script><script src="polyfills.a7397b2085072722.js" type="module"></script><script src="main.cfcf87e525911980.js" type="module"></script>
 
 </body></html>
diff --git a/.../example/angular/main.d4ab6e53c9e37302.js → .../example/angular/main.cfcf87e525911980.js b/.../example/angular/main.d4ab6e53c9e37302.js → .../example/angular/main.cfcf87e525911980.js
diff --git a/examples/angular/src/app/app.component.ts b/examples/angular/src/app/app.component.ts
@@ -30,7 +30,8 @@ const initBodyOverlayScrollbars = (force?: boolean) =>
         </a>
       </h1>
       <section class="slot">
-        <overlay-scrollbars
+        <div
+          overlay-scrollbars
           #osRef
           *ngIf="useOverlayScrollbars"
           class="overlayscrollbars-ngx"
@@ -42,7 +43,7 @@ const initBodyOverlayScrollbars = (force?: boolean) =>
           <div *ngIf="!contentHidden" class="logo">
             <img alt="Angular logo" src="assets/logo.svg" />
           </div>
-        </overlay-scrollbars>
+        </div>
         <div *ngIf="!useOverlayScrollbars" class="overlayscrollbars-ngx">
           <div class="logo">
             <img alt="Angular logo" src="assets/logo.svg" />
@@ -145,12 +146,8 @@ export class AppComponent {
 
     scrollOffsetElement.scrollTo({
       behavior: 'smooth',
-      left:
-        Math.round((overflowAmount.x - scrollLeft) / overflowAmount.x) *
-        overflowAmount.x,
-      top:
-        Math.round((overflowAmount.y - scrollTop) / overflowAmount.y) *
-        overflowAmount.y,
+      left: Math.round((overflowAmount.x - scrollLeft) / overflowAmount.x) * overflowAmount.x,
+      top: Math.round((overflowAmount.y - scrollTop) / overflowAmount.y) * overflowAmount.y,
     });
   }