fixup! ✨(frontend) add floating bar with collapse button

Author: Ovgodd

src/frontend/apps/impress/src/features/docs/doc-header/floating-bar/components/FloatingBar.tsx

@@ -36,9 +36,27 @@ export const FloatingBar = () => {
       display: flex;
       align-items: flex-start;
       justify-content: flex-start;
-      background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
-      backdrop-filter: blur(1px);
-      -webkit-backdrop-filter: blur(1px);
+      isolation: isolate;
+
+      &::before {
+        content: '';
+        position: absolute;
+        inset: 0;
+        z-index: -1;
+        background: linear-gradient(
+          180deg,
+          #fff 0%,
+          rgba(255, 255, 255, 0) 100%
+        );
+        backdrop-filter: blur(1px);
+        -webkit-backdrop-filter: blur(1px);
+        mask-image: linear-gradient(180deg, black 0%, transparent 100%);
+        -webkit-mask-image: linear-gradient(
+          180deg,
+          black 50%,
+          transparent 100%
+        );
+      }
 
       > * {
         position: relative;