style: floating toolbar compatibility (#222)

josStorer · josStorer · commit 7070132ea2cf · 2023-04-17T21:15:41.000+08:00
diff --git a/src/components/FloatingToolbar/index.jsx b/src/components/FloatingToolbar/index.jsx
@@ -128,7 +128,10 @@ function FloatingToolbar(props) {
     return (
       <div data-theme={config.themeMode}>
         <div className="chatgptbox-selection-toolbar">
-          <img src={logo} style="user-select:none;width:24px;height:24px;" />
+          <img
+            src={logo}
+            style="user-select:none;width:24px;height:24px;background:rgba(0,0,0,0);"
+          />
           {tools}
         </div>
       </div>
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
@@ -253,7 +253,7 @@
 }
 
 .chatgptbox-selection-toolbar-button {
-  margin-left: 2px;
+  margin: 0 2px 0 0;
   padding: 2px;
   border-radius: 30px;
   background-color: #ffffff;

Original file line number	Diff line number	Diff line change
`@@ -253,7 +253,7 @@`
`253`	`253`	`}`
`254`	`254`
`255`	`255`	`.chatgptbox-selection-toolbar-button {`
`256`		`- margin-left: 2px;`
	`256`	`+ margin: 0 2px 0 0;`
`257`	`257`	`padding: 2px;`
`258`	`258`	`border-radius: 30px;`
`259`	`259`	`background-color: #ffffff;`