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;
}
/* Make background visible through all containers */
/* Make Notification Feed sidebar transparent */
body,
#wimp,
main,
@@ -49,7 +49,14 @@ main,
[data-test="main-layout-header"],
[data-test="feed-sidebar"],
[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;
}
@@ -63,6 +70,17 @@ main,
-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 */
[class^="_bottomGradient"] {
display: none !important;