From 28528a2a85dfc7a02404fe79323ff420c91fbc8d Mon Sep 17 00:00:00 2001
From: bek-bsw <bek@patorg.de>
Date: Mon, 10 Nov 2025 17:19:49 +0100
Subject: [PATCH 1/3] bek-BLUE-40: hide scroll bar

---
 BlueBlazor.sln                                |  4 +-
 BlueBlazor/Components/Layout/Layout.razor     |  2 +-
 BlueBlazor/Components/Layout/Layout.razor.css | 39 +++++++++++++++++++
 3 files changed, 42 insertions(+), 3 deletions(-)
 create mode 100644 BlueBlazor/Components/Layout/Layout.razor.css

diff --git a/BlueBlazor.sln b/BlueBlazor.sln
index 35be5c0..c95c9a1 100644
--- a/BlueBlazor.sln
+++ b/BlueBlazor.sln
@@ -1,7 +1,7 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 18
-VisualStudioVersion = 18.0.11121.172
+# Visual Studio Version 17
+VisualStudioVersion = 17.14.36518.9 d17.14
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlueBlazor.Docs", "BlueBlazor.Docs\BlueBlazor.Docs.csproj", "{0D314BF4-DACC-4BF3-BA8B-8754152EBCCA}"
 	ProjectSection(ProjectDependencies) = postProject
diff --git a/BlueBlazor/Components/Layout/Layout.razor b/BlueBlazor/Components/Layout/Layout.razor
index e84adb9..4792093 100644
--- a/BlueBlazor/Components/Layout/Layout.razor
+++ b/BlueBlazor/Components/Layout/Layout.razor
@@ -37,7 +37,7 @@
         @HeaderContent
     </header>
 
-    <aside class="blue-layout-side">
+    <aside class="blue-layout-side" style=" mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);">
         @SideContent
     </aside>
 
diff --git a/BlueBlazor/Components/Layout/Layout.razor.css b/BlueBlazor/Components/Layout/Layout.razor.css
new file mode 100644
index 0000000..007194d
--- /dev/null
+++ b/BlueBlazor/Components/Layout/Layout.razor.css
@@ -0,0 +1,39 @@
+@media (pointer: fine) and (hover: hover) {
+    /* Scrollbar für die Sidebar standardmäßig ausblenden */
+    .blue-layout-side {
+        overflow-y: auto;
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none; /* IE and Edge */
+    }
+
+        /* Chrome, Safari und Opera */
+        .blue-layout-side::-webkit-scrollbar {
+            width: 0;
+            display: none;
+        }
+
+        /* Scrollbar beim Hover anzeigen */
+        .blue-layout-side:hover {
+            scrollbar-width: thin; /* Firefox */
+            -ms-overflow-style: auto; /* IE and Edge */
+        }
+
+            /* Chrome, Safari und Opera - beim Hover */
+            .blue-layout-side:hover::-webkit-scrollbar {
+                width: 8px;
+                display: block;
+            }
+
+            .blue-layout-side:hover::-webkit-scrollbar-track {
+                background: transparent;
+            }
+
+            .blue-layout-side:hover::-webkit-scrollbar-thumb {
+                background-color: rgba(0, 0, 0, 0.3);
+                border-radius: 4px;
+            }
+
+                .blue-layout-side:hover::-webkit-scrollbar-thumb:hover {
+                    background-color: rgba(0, 0, 0, 0.5);
+                }
+}

From 25b529eaa2dea4f9046f577f0bbf8da946d9ee6c Mon Sep 17 00:00:00 2001
From: bek-bsw <bek@patorg.de>
Date: Tue, 11 Nov 2025 09:43:23 +0100
Subject: [PATCH 2/3] bek-BLUE-40: Remove mask on hover

---
 BlueBlazor/Components/Layout/Layout.razor     |  2 +-
 BlueBlazor/Components/Layout/Layout.razor.css | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/BlueBlazor/Components/Layout/Layout.razor b/BlueBlazor/Components/Layout/Layout.razor
index 4792093..e84adb9 100644
--- a/BlueBlazor/Components/Layout/Layout.razor
+++ b/BlueBlazor/Components/Layout/Layout.razor
@@ -37,7 +37,7 @@
         @HeaderContent
     </header>
 
-    <aside class="blue-layout-side" style=" mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);">
+    <aside class="blue-layout-side">
         @SideContent
     </aside>
 
diff --git a/BlueBlazor/Components/Layout/Layout.razor.css b/BlueBlazor/Components/Layout/Layout.razor.css
index 007194d..c1dcc8c 100644
--- a/BlueBlazor/Components/Layout/Layout.razor.css
+++ b/BlueBlazor/Components/Layout/Layout.razor.css
@@ -1,24 +1,22 @@
 @media (pointer: fine) and (hover: hover) {
-    /* Scrollbar für die Sidebar standardmäßig ausblenden */
     .blue-layout-side {
         overflow-y: auto;
-        scrollbar-width: none; /* Firefox */
-        -ms-overflow-style: none; /* IE and Edge */
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+        mask-image: linear-gradient(to bottom, #000 85%, transparent 100%);
     }
 
-        /* Chrome, Safari und Opera */
         .blue-layout-side::-webkit-scrollbar {
             width: 0;
             display: none;
         }
 
-        /* Scrollbar beim Hover anzeigen */
         .blue-layout-side:hover {
-            scrollbar-width: thin; /* Firefox */
-            -ms-overflow-style: auto; /* IE and Edge */
+            scrollbar-width: thin;
+            -ms-overflow-style: auto;
+            mask-image: none;
         }
 
-            /* Chrome, Safari und Opera - beim Hover */
             .blue-layout-side:hover::-webkit-scrollbar {
                 width: 8px;
                 display: block;

From 7b9de210d18f5b8a9417880167763f8a51bd7d6b Mon Sep 17 00:00:00 2001
From: bek-bsw <bek@patorg.de>
Date: Tue, 11 Nov 2025 09:53:30 +0100
Subject: [PATCH 3/3] bek-BLUE-40: Update visual studio version

---
 BlueBlazor.sln | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/BlueBlazor.sln b/BlueBlazor.sln
index c95c9a1..35be5c0 100644
--- a/BlueBlazor.sln
+++ b/BlueBlazor.sln
@@ -1,7 +1,7 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 17
-VisualStudioVersion = 17.14.36518.9 d17.14
+# Visual Studio Version 18
+VisualStudioVersion = 18.0.11121.172
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlueBlazor.Docs", "BlueBlazor.Docs\BlueBlazor.Docs.csproj", "{0D314BF4-DACC-4BF3-BA8B-8754152EBCCA}"
 	ProjectSection(ProjectDependencies) = postProject