Hide backdrop for popover (#624)

Kitenite · web-flow · commit 5fc048824954 · 2024-05-24T12:57:15.000-07:00
* Hide backdrop for popover

* Add specific backdrop

* Remove bun lock file

* Remove auto-format

* Update extension run
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,5 @@
 .DS_Store
+.vscode
 node_modules/
 app/bundle.js
 app/bundle.min.js
diff --git a/app/components/metatip/metatip.element.css b/app/components/metatip/metatip.element.css
@@ -442,3 +442,7 @@
     & [pass="false"] { color: hsl(0deg 50% 65%); }
   }
 }
+
+:host::backdrop {
+  background: none !important;
+}
diff --git a/app/components/selection/distance.element.css b/app/components/selection/distance.element.css
@@ -68,3 +68,7 @@
 :host figure:matches([quadrant="top"], [quadrant="left"]) > div:last-of-type {
   background: linear-gradient(to var(--quadrant), var(--neon-pink) 0%, color(display-p3 var(--line-color)) 100%);
 }
+
+:host::backdrop {
+  background: none !important;
+}
diff --git a/app/components/selection/gridlines.element.css b/app/components/selection/gridlines.element.css
@@ -22,7 +22,7 @@
   z-index:var(--layer-5);
 }
 
-:host rect, 
+:host rect,
 :host line {
   stroke: var(--neon-pink);
 }
@@ -31,3 +31,7 @@
   stroke-dasharray: 2;
   stroke-dasharray-offset: 3;
 }
+
+:host::backdrop {
+  background: none !important;
+}
diff --git a/app/components/selection/handles.element.css b/app/components/selection/handles.element.css
@@ -19,3 +19,7 @@
 :host > svg {
   position: absolute;
 }
+
+:host::backdrop {
+  background: none !important;
+}
diff --git a/app/components/selection/label.element.css b/app/components/selection/label.element.css
@@ -54,3 +54,7 @@
     content: "\003e";
   }
 }
+
+:host::backdrop {
+  background: none !important;
+}
diff --git a/app/components/vis-bug/vis-bug.element.css b/app/components/vis-bug/vis-bug.element.css
@@ -308,3 +308,7 @@
     transform: translate3d(0,0,0);
   }
 }
+
+:host::backdrop {
+  background: none !important;
+}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`.DS_Store`
	`2`	`+.vscode`
`2`	`3`	`node_modules/`
`3`	`4`	`app/bundle.js`
`4`	`5`	`app/bundle.min.js`
Original file line number	Diff line number	Diff line change
`@@ -442,3 +442,7 @@`
`442`	`442`	`& [pass="false"] { color: hsl(0deg 50% 65%); }`
`443`	`443`	`}`
`444`	`444`	`}`
	`445`	`+`
	`446`	`+:host::backdrop {`
	`447`	`+ background: none !important;`
	`448`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -68,3 +68,7 @@`
`68`	`68`	`:host figure:matches([quadrant="top"], [quadrant="left"]) > div:last-of-type {`
`69`	`69`	`background: linear-gradient(to var(--quadrant), var(--neon-pink) 0%, color(display-p3 var(--line-color)) 100%);`
`70`	`70`	`}`
	`71`	`+`
	`72`	`+:host::backdrop {`
	`73`	`+ background: none !important;`
	`74`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@`
`22`	`22`	`z-index:var(--layer-5);`
`23`	`23`	`}`
`24`	`24`
`25`		`-:host rect,`
	`25`	`+:host rect,`
`26`	`26`	`:host line {`
`27`	`27`	`stroke: var(--neon-pink);`
`28`	`28`	`}`
`@@ -31,3 +31,7 @@`
`31`	`31`	`stroke-dasharray: 2;`
`32`	`32`	`stroke-dasharray-offset: 3;`
`33`	`33`	`}`
	`34`	`+`
	`35`	`+:host::backdrop {`
	`36`	`+ background: none !important;`
	`37`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -19,3 +19,7 @@`
`19`	`19`	`:host > svg {`
`20`	`20`	`position: absolute;`
`21`	`21`	`}`
	`22`	`+`
	`23`	`+:host::backdrop {`
	`24`	`+ background: none !important;`
	`25`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -54,3 +54,7 @@`
`54`	`54`	`content: "\003e";`
`55`	`55`	`}`
`56`	`56`	`}`
	`57`	`+`
	`58`	`+:host::backdrop {`
	`59`	`+ background: none !important;`
	`60`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -308,3 +308,7 @@`
`308`	`308`	`transform: translate3d(0,0,0);`
`309`	`309`	`}`
`310`	`310`	`}`
	`311`	`+`
	`312`	`+:host::backdrop {`
	`313`	`+ background: none !important;`
	`314`	`+}`