Disable header buttons while in edit mode.

resources/report/css/style.css

@@ -450,4 +450,15 @@ td input {
 }
 #pluginsNav.editMode li:hover .name {
     display: none;
+}
+header.editMode {
+    color: #999;
+}
+header.editMode #headerOverlay {
+    z-index: 3;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
 }

resources/report/js/script.js

@@ -314,6 +314,9 @@ function showEditor(sectionId) {
         /* Enable priority hover in plugins list. */
         document.getElementById('pluginsNav').classList.toggle('editMode', true);
 
+        /* Disable header buttons. */
+        document.getElementsByTagName('header')[0].classList.toggle('editMode', true);
+
         /* Finally, show editor. */
         section.classList.toggle('flip');
 }

resources/report/report.html

@@ -170,6 +170,7 @@
     </template>
     <noscript>The LOOT Report requires Javascript to be enabled in order to function.</noscript>
     <header>
+        <div id="headerOverlay"></div>
         <img src="../icon.ico">
         <ol>
             <li data-action="view-ui" data-target="fileMenu">File