fix #38

Bobscript · Bobscript · commit 8363f4a030c7 · 2021-03-04T20:53:06.000+08:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+**ver 2.4.3 | 04/03/2021**
+
+1. Fix. Send to CodePen may not work. [#18](https://github.com/painty/CSS-Used-ChromeExt/issues/38)
+
 **ver 2.3.2 | 18/11/2018**
 
 1. More friendly prompt text for first use or error display.
diff --git a/build/asset/css/pannel.css b/build/asset/css/pannel.css
@@ -15,12 +15,12 @@ form{}
 .pop:after{content:'';width:0px;height:100%;display:inline-block;vertical-align:middle;}
 .pop p{margin:auto;font-size:12px;display:inline-block;vertical-align:middle;}
 .pop ol{font-size:12px;text-align:left;display:inline-block;line-height:2;vertical-align:middle;}
-button{position:relative;font-size:12px;display:block;margin-right:10px;margin:2px;height:24px;border:1px solid rgba(0, 0, 0, 0.2);border-radius:4px;padding:0px 12px;font-weight:500;color:#1a73e8;background-color:#fff;flex:none;white-space:nowrap;height:28px;margin:8px 16px 8px 0;}
-button:hover{background-color:#f3f3f3;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);cursor:pointer;}
+.btn{position:relative;font-size:12px;display:block;margin-right:10px;margin:2px;height:24px;border:1px solid rgba(0, 0, 0, 0.2);border-radius:4px;padding:0px 12px;font-weight:500;color:#1a73e8;background-color:#fff;flex:none;white-space:nowrap;height:28px;margin:8px 16px 8px 0;}
+.btn:hover{background-color:#f3f3f3;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);cursor:pointer;}
 #issuebtn{float:right;cursor:pointer;z-index:1;margin-left:10px;}
 #issuebtn:hover{}
 form{font-size:12px;margin-right:10px;position:relative;display:block;}
-form button{/* margin:0; */}
+form .btn{/* margin:0; */}
 .operate{position:relative;display:flex;clear:both;margin-left:10px;flex-wrap:wrap;}
 #openCSSUsedSettings,#refreshPage,#issueSpan{text-decoration:underline;cursor:pointer;color:blue;}
 .havefileaccess #openCSSUsedSettings{display:none;}
@@ -32,8 +32,8 @@ form button{/* margin:0; */}
 .theme-dark ::-webkit-scrollbar-thumb{background:#333333;border:1px solid #414141;}
 .theme-dark ::-webkit-scrollbar-thumb:hover{cursor:default;}
 .theme-dark ::-webkit-scrollbar-track{background:#242424;border-left:1px solid #2b2b2b;}
-.theme-dark button{border-color:rgba(230,230,230,0.2);color:#cccccc;background-color:rgb(36,36,36);}
-.theme-dark button:hover{background-color:#333333;box-shadow:rgba(230, 230, 230, 0.1) 0px 1px 2px;}
+.theme-dark .btn{border-color:rgba(230,230,230,0.2);color:#cccccc;background-color:rgb(36,36,36);}
+.theme-dark .btn:hover{background-color:#333333;box-shadow:rgba(230, 230, 230, 0.1) 0px 1px 2px;}
 #copy{background-color:#1a73e8;border:none;color:#fff;}
 #copy:hover{background-color:#3b86e8;}
 .theme-dark #copy{background-color:#0e639c;border:none;color:#fff;}
diff --git a/build/asset/js/devtools.js b/build/asset/js/devtools.js
@@ -130,7 +130,11 @@ backgroundPageConnection.onMessage.addListener(function (message, sender, sendRe
     outp1.value = message.html;
     outp2.value = message.css;
     outp2.select();
-    input.value = JSON.stringify(message);
+    input.value = JSON.stringify({
+      title: 'New Pen via CSS-Used',
+      html:message.html,
+      css:message.css
+    });
     pop.style.display = 'none';
     // SideBar.setExpression(message.result);
     // document.getElementById('outp').value=message.result;
diff --git a/build/manifest.json b/build/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "CSS Used",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "permissions": ["<all_urls>","tabs"],
   "author": "Bob",
   "icons": {
diff --git a/build/pannel.html b/build/pannel.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
+  <meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="asset/css/pannel.css">
 </head>
 
@@ -14,11 +15,11 @@
     <textarea id="outp2"></textarea>
   </div>
   <div class="operate">
-    <button id="copy">Copy</button>
-    <button id="newwin">Preview</button>
+    <button id="copy" class="btn">Copy</button>
+    <button id="newwin" class="btn">Preview</button>
     <form action="https://codepen.io/pen/define" method="POST" target="_blank">
       <input type="hidden" name="data" value='{"title": "New Pen!", "html": "<div>Hello, World!</div>"}'>
-      <button title="Send snippet to CodePen">CodePen</button>
+      <input title="Send snippet to CodePen" type="submit" value="CodePen" class="btn">
     </form>
   </div>
 
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "CSS Used",`
`3`		`- "version": "2.4.2",`
	`3`	`+ "version": "2.4.3",`
`4`	`4`	`"permissions": ["<all_urls>","tabs"],`
`5`	`5`	`"author": "Bob",`
`6`	`6`	`"icons": {`