fix(html): adds overscroll behaviour to prevent bouncing

dvcol · dvcol · commit 69e5986a1916 · 2024-07-16T14:49:45.000+02:00
diff --git a/src/index.html b/src/index.html
@@ -4,16 +4,16 @@
     <meta charset="UTF-8" />
     <base target="_blank" />
     <title>Side Trakt Web</title>
-    <link rel="icon" href="./assets/logo.svg" type="image/svg+xml" >
-    <link rel="fluid-icon" href="./assets/logo.svg" type="image/svg+xml">
+    <link rel="icon" href="./assets/logo.svg" type="image/svg+xml" />
+    <link rel="fluid-icon" href="./assets/logo.svg" type="image/svg+xml" />
     <link rel="mask-icon" href="./assets/logo.svg" color="#181818" />
 
-    <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
-    <link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#da532c">
-    <meta name="theme-color" content="#80000a">
+    <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png" />
+    <link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#5bbad5" />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="theme-color" content="#80000a" />
   </head>
   <body>
     <wc-trakt-extension> Loading web component ... </wc-trakt-extension>
@@ -22,6 +22,10 @@
 </html>
 
 <style>
+  html {
+    overscroll-behavior: none;
+  }
+
   body {
     overscroll-behavior: none;
     display: flex;
