refactor: live preview overlay overlaps with right side toolbar

devvaannsh · devvaannsh · commit 1a0811464a4a · 2025-09-10T23:44:44.000+05:30
diff --git a/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css b/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
@@ -171,10 +171,9 @@
 }
 
 .live-preview-overlay-message {
-    width: 100%;
     color: #fff;
     background-color: #666;
-    padding: 0.2em;
+    padding: 0.25em;
     vertical-align: top;
     text-align: center;
 }
@@ -184,4 +183,6 @@
     top: 4px;
     right: 10px;
     font-size: 12px;
+    cursor: pointer;
+    color: #fff;
 }

Original file line number	Diff line number	Diff line change
`@@ -171,10 +171,9 @@`
`171`	`171`	`}`
`172`	`172`
`173`	`173`	`.live-preview-overlay-message {`
`174`		`- width: 100%;`
`175`	`174`	`color: #fff;`
`176`	`175`	`background-color: #666;`
`177`		`- padding: 0.2em;`
	`176`	`+ padding: 0.25em;`
`178`	`177`	`vertical-align: top;`
`179`	`178`	`text-align: center;`
`180`	`179`	`}`
`@@ -184,4 +183,6 @@`
`184`	`183`	`top: 4px;`
`185`	`184`	`right: 10px;`
`186`	`185`	`font-size: 12px;`
	`186`	`+ cursor: pointer;`
	`187`	`+ color: #fff;`
`187`	`188`	`}`