Change pre to pre-line

petabyt · petabyt · commit 788c2d8f7832 · 2020-06-13T15:23:13.000-04:00
diff --git a/javascript.js b/javascript.js
@@ -139,7 +139,7 @@ function format() {
 	oldComments = comments.length
 
 	for (var c = 0; c < comments.length; c++) {
-		comments[c].style.whiteSpace = "pre";
+		comments[c].style.whiteSpace = "pre-line";
 		comments[c].style.marginLeft = "5px";
 		comments[c].innerHTML = parse(comments[c].innerHTML);
 	}
diff --git a/manifest.json b/manifest.json
@@ -1,11 +1,7 @@
 {
   "name": "ScratchFormat",
   "description": "Rich text editing in Scratch.",
-  "version": "1.0",
-  "permissions": [
-    "activeTab",
-    "tabs"
-  ],
+  "version": "2.0",
   "content_scripts": [
     {
       "matches": ["https://scratch.mit.edu/users*","https://scratch.mit.edu/studios*", "https://scratch.mit.edu/projects*"],
@@ -17,7 +13,6 @@
     "default_title": "ScratchFormat",
     "default_icon": "logo.png",
     "default_popup": "popup.html"
-
   },
   "manifest_version": 2,
   "short_name": "SF"
diff --git a/popup.html b/popup.html
@@ -2,13 +2,14 @@
 </head>
 <body>
 	<center>
+		<img src="logo.png">
 		<h2>ScratchFormat 2.0</h2>
-		Thank you for using ScratchFormat. To use it, go <br>
-		on a scratch comment editor and click on it. The formatter<br>
-		will automatically show up, and move to different comment boxes<br>
-		when you click on them.
-
-		<br>
+		<p>
+			Thank you for using ScratchFormat. <b>To use it, go
+			on a scratch comment editor and click on it.</b> The formatter
+			will automatically show up, and move to different comment boxes
+			when you click on them.
+		</p>
 		<p>
 			Made by <a href="https://scratch.mit.edu/users/pufflegamerz" target="_newtab">@pufflegamerz</a>.
 			<br>
@@ -17,9 +18,9 @@ <h2>ScratchFormat 2.0</h2>
 	</center>
 </body>
 <style>
-	body {
-		width: 500px;
-		height: 200px;
+	html {
+		width: 200px;
+		height: 350px;
 		background-color: lightblue;
 	}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -139,7 +139,7 @@ function format() {`
`139`	`139`	`oldComments = comments.length`
`140`	`140`
`141`	`141`	`for (var c = 0; c < comments.length; c++) {`
`142`		`- comments[c].style.whiteSpace = "pre";`
	`142`	`+ comments[c].style.whiteSpace = "pre-line";`
`143`	`143`	`comments[c].style.marginLeft = "5px";`
`144`	`144`	`comments[c].innerHTML = parse(comments[c].innerHTML);`
`145`	`145`	`}`