From 889bad981ef31455ca598e5092038b0fbdb2e6f5 Mon Sep 17 00:00:00 2001
From: ZTHawk <zhawk83@gmail.com>
Date: Sat, 7 Jun 2025 12:17:29 +0200
Subject: [PATCH] Updated Customize Vaultwarden CSS (markdown)

---
 Customize-Vaultwarden-CSS.md | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/Customize-Vaultwarden-CSS.md b/Customize-Vaultwarden-CSS.md
index d870829..b34e8c2 100644
--- a/Customize-Vaultwarden-CSS.md
+++ b/Customize-Vaultwarden-CSS.md
@@ -96,4 +96,23 @@ app-user-layout bit-nav-logo bit-icon::before {
 app-organization-layout bit-nav-logo bit-icon::before {
   background-image: url(../images/my-custom-admin-console-logo.png) !important;
 }
+```
+
+**Non scrolling search filter: (tested with 'Stylus' browser extension)**
+```css
+/*
+Make the "Filter" box fixed, so only the list of entries is scrolling.
+Allow to always see what you filtered for and quickly access the search filter without scrolling back to the top.
+*/
+#main-content > app-vault > .tw-flex .tw-basis-1\/4
+{
+    position: fixed;
+    width: calc(25% - 55px);
+}
+
+#main-content > app-vault > .tw-flex .tw-basis-3\/4
+{
+    position: relative;
+    left: calc(25% + 10px);
+}
 ```
\ No newline at end of file