Improved scroll behaviour, updated dependencies

Author: alphanull

CHANGELOG.md

@@ -6,6 +6,23 @@ This project adheres to [Semantic Versioning](https://semver.org) and follows th
 
 ---
 
+## [1.1.0] – 2025-10-05
+
+### Added
+
+- Scrolling indicators for dropdown menus (when no scrollbar is present)
+
+### Changed
+
+- Updated (dev) dependencies
+- Optimized scrollbar handling
+
+### Fixed
+
+- Improved scrolling lock when using overlays like the mobile menu
+
+---
+
 ## [1.0.0] – 2025-07-06
 
 ### Added

assets/scss/lib/global.scss

@@ -36,7 +36,9 @@ html {
     }
 
     &.has-scrollbar {
-        ::-webkit-scrollbar { width: var(--scrollbar-width); }
+        ::-webkit-scrollbar {
+            width: auto;
+        }
     }
 
     &.has-no-scrollbar{

assets/scss/theme/layout.scss

@@ -38,12 +38,6 @@ body {
         min-height: initial;
         background: white;
     }
-
-    body[style*='overflow: hidden'] > &,
-    .menu-mobile + &,
-    .ov + & {
-        margin-right: var(--scrollbar-width);
-    }
 }
 
 #content-wrapper {

assets/scss/ui/navMain.scss

@@ -138,6 +138,7 @@
     }
 
     menu {
+        position: relative;
         display: flex;
         flex-direction: column;
         align-items: normal;
@@ -165,6 +166,47 @@
             max-height: 50vh;
             max-height: 50svh;
         }
+
+        &.has-scroll-up,
+        &.has-scroll-down {
+            &::before,
+            &::after {
+                @include transition('opacity');
+
+                content: '';
+                position: fixed;
+                display: block;
+                width: 100%;
+                height: 2em;
+                top: 1em;
+                left: 0;
+                border-top-left-radius: var(--border-radius);
+                border-top-right-radius: var(--border-radius);
+                background-image: linear-gradient(to bottom, var(--color-contrast9), transparent);
+                opacity: 0;
+            }
+
+            &::after {
+                top: auto;
+                bottom: 0;
+                border-radius: 0;
+                border-bottom-right-radius: var(--border-radius);
+                border-bottom-left-radius: var(--border-radius);
+                background-image: linear-gradient(to top, var(--color-contrast9), transparent);
+            }
+        }
+
+        &.has-scroll-up {
+            &::before {
+                opacity: 0.3;
+            }
+        }
+
+        &.has-scroll-down {
+            &::after {
+                opacity: 0.3;
+            }
+        }
     }
 
     [aria-expanded=true] + .menu-wrapper,