Add blur for dialog

supechicken · web-flow · commit 2674704b908c · 2024-04-01T15:21:16.000+08:00
diff --git a/css/inject.css b/css/inject.css
@@ -1,5 +1,5 @@
 :root {
-  --blur-radius: 0px;
+  --blur-radius: 0;
   --menu-blur-radius: 5px;
   --element-opacity: 60%;
   --menu-opacity: 60%;
@@ -18,7 +18,11 @@
   }
 }
 
-#sort-menu, #file-context-menu, #gear-menu, #tasks-menu, #providers-menu, #text-context-menu, #previewMenu {
+#dialog {
+  backdrop-filter: blur(var(--menu-blur-radius));
+}
+
+#sort-menu, #file-context-menu, #directory-tree-context-menu, #gear-menu, #tasks-menu, #providers-menu, #text-context-menu, #previewMenu {
   background-color: rgba(var(--txt-cros-sys-app_base_shaded), var(--menu-opacity));
   backdrop-filter: blur(var(--menu-blur-radius));
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`:root {`
`2`		`- --blur-radius: 0px;`
	`2`	`+ --blur-radius: 0;`
`3`	`3`	`--menu-blur-radius: 5px;`
`4`	`4`	`--element-opacity: 60%;`
`5`	`5`	`--menu-opacity: 60%;`
`@@ -18,7 +18,11 @@`
`18`	`18`	`}`
`19`	`19`	`}`
`20`	`20`
`21`		`-#sort-menu, #file-context-menu, #gear-menu, #tasks-menu, #providers-menu, #text-context-menu, #previewMenu {`
	`21`	`+#dialog {`
	`22`	`+ backdrop-filter: blur(var(--menu-blur-radius));`
	`23`	`+}`
	`24`	`+`
	`25`	`+#sort-menu, #file-context-menu, #directory-tree-context-menu, #gear-menu, #tasks-menu, #providers-menu, #text-context-menu, #previewMenu {`
`22`	`26`	`background-color: rgba(var(--txt-cros-sys-app_base_shaded), var(--menu-opacity));`
`23`	`27`	`backdrop-filter: blur(var(--menu-blur-radius));`
`24`	`28`	`}`