Hide footer in readonly mode

index.js

@@ -152,7 +152,7 @@ const enableLineWrapping = () => {
 };
 
 const openInNewTab = () => {
-    window.open(location.href.replace('&readonly', ''));
+    window.open(location.href.replace(/[?&]readonly/, ''));
 };
 
 // Build a shareable URL

style.css

@@ -36,7 +36,8 @@ footer {
 select,
 #copy:not(.hidden) + #controls,
 body.readonly .hide-readonly,
-body:not(.readonly) .show-readonly {
+body:not(.readonly) .show-readonly,
+body.readonly:not(:hover) #footer {
     display: none;
 }