Merge pull request #215 from Brskt/fix-themer-editor-resize

[Themer] Fix CSS editor not responding after window resize

Author: Inrixia

plugins/Themer/src/editor.html

@@ -40,17 +40,15 @@
 		});
 
 		require(["vs/editor/editor.main"], () => {
-			const editor = window.editor = monaco.editor.create(
-				document.getElementById("container"),
-				{
-					value: window.themerCSS,
-					language: "css",
-					theme: "vs-dark",
-					smoothScrolling: true,
-				}
-			);
+			const container = document.getElementById("container");
+			const editor = window.editor = monaco.editor.create(container, {
+				value: window.themerCSS,
+				language: "css",
+				theme: "vs-dark",
+				smoothScrolling: true,
+			});
 			editor.onDidChangeModelContent(() => ipcRenderer.setCSS(editor.getValue()));
-			window.addEventListener("resize", editor.layout.bind(editor));
+			new ResizeObserver(() => editor.layout()).observe(container);
 		});
 	</script>
 </body>