Merge pull request #62 from useblocks/scrollbar_fix

docs: Fix of scrollbar

docs/_assets/css/score.css

@@ -6,10 +6,10 @@ html {
     text-decoration: underline;
 }
 
-/*  SCORE specfic colors 
+/*  SCORE specfic colors
     A list of available colro variable names for pyData Sphinx Theme can be found at
-    https://pydata-sphinx-theme.readthedocs.io/en/stable/_downloads/565fbb3ecf2b3048f5fb3953890ba176/_color.scss 
-    
+    https://pydata-sphinx-theme.readthedocs.io/en/stable/_downloads/565fbb3ecf2b3048f5fb3953890ba176/_color.scss
+
     The base color is TEAL */
 
 
@@ -139,6 +139,16 @@ blockquote {
 .navbar-header-items__start {
     width: 20%; /* default: 25% */
     max-width: 350px; /* default: not set */
+    overflow-x: hidden;
+}
+
+@media screen and (max-width: 959px) {
+    .bd-sidebar-primary,
+    .navbar-header-items__start {
+        width: unset;
+        max-width: 350px; /* default: not set */
+        overflow-x: hidden;
+    }
 }
 
 /* Less Sidebar border/distance */
@@ -157,10 +167,10 @@ blockquote {
 div.score_banner {
     background-color: var(--pst-color-on-surface);
 }
-#videowrapper{  
+#videowrapper{
     position: relative;
     overflow: hidden;
-} 
+}
 
 #fullScreenDiv{
     height: 300px;
@@ -172,24 +182,24 @@ div.score_banner {
     container-type: inline-size;
 }
 
-#video{    
-    width: 100%; 
+#video{
+    width: 100%;
     /* height: auto;
     margin: auto;
     display: block; */
 }
 @media (min-aspect-ratio: 16/9) {
   #video{
-    width: 100%; 
+    width: 100%;
     height:auto;
   }
 }
 
 #score-title {
-    width: 100%; 
+    width: 100%;
     height: 100%;
-    position: absolute; 
-    top: 0; 
+    position: absolute;
+    top: 0;
     left: 0;
     display: flex;
     justify-content: center;
@@ -199,13 +209,13 @@ div.score_banner {
     /* font-size: 4.5em; */
     font-size: 8.0cqw;
     font-weight: 900;
-    
+
     /* Is somehow cool with image/video title background */
     /*animation: fadeIn 3s;  */
 }
 
 /* As long as no image or video is shown in
-   the title, this is not needed, but kept 
+   the title, this is not needed, but kept
    for future needs */
 /* html[data-theme="light"] #score-title {
     background-color: rgba(0,0,0,0.3);