Fix Blur for Feed Panel

This commit is contained in:
2025-06-06 02:37:01 +10:00
parent 40b08efc12
commit 2f0bb835d5
@@ -38,7 +38,7 @@
transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important;
} }
/* Make background visible through all containers */ /* Make Notification Feed sidebar transparent */
body, body,
#wimp, #wimp,
main, main,
@@ -49,7 +49,14 @@ main,
[data-test="main-layout-header"], [data-test="main-layout-header"],
[data-test="feed-sidebar"], [data-test="feed-sidebar"],
[data-test="stream-metadata"], [data-test="stream-metadata"],
[data-test="footer-player"] { [data-test="footer-player"],
/* Notification Feed sidebar specific container */
[class^="_feedSidebarVStack"],
[class^="_feedSidebarSpacer"],
[class^="_feedSidebarItem"],
[class^="_feedSidebarItemDiv"],
[class^="_cellContainer"],
[class^="_cellTextContainer"] {
background: unset !important; background: unset !important;
} }
@@ -63,6 +70,17 @@ main,
-webkit-backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
} }
/* Feed sidebar - completely transparent to show background */
[data-test="feed-sidebar"],
[class^="_feedSidebarVStack"],
[class^="_feedSidebarSpacer"],
[class^="_feedSidebarItem"],
[class^="_feedSidebarItemDiv"] {
background-color: transparent !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/* Remove bottom gradient */ /* Remove bottom gradient */
[class^="_bottomGradient"] { [class^="_bottomGradient"] {
display: none !important; display: none !important;