Change the body and the name column wider for readability

nul800sebastiaan · Nov 2, 2022 · 8b3f5c9 · 8b3f5c9
1 parent 30cebe2
commit 8b3f5c9
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/Cultiv.Hangfire/wwwroot/dashboard.html b/Cultiv.Hangfire/wwwroot/dashboard.html
@@ -14,5 +14,15 @@
     <iframe name="hangfireIframe" class="hangfireContent" id="Hangfire" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0"
             src="/umbraco/backoffice/hangfire/" allowfullscreen="true" style="width:100%!important"
             webkitallowfullscreen="true" mozallowfullscreen="true"
-            oallowfullscreen msallowfullscreen="true"></iframe>
-</div>    
+            oallowfullscreen msallowfullscreen="true" onLoad="makeBodyWider();"></iframe>
+</div>    
+
+<script>
+    function makeBodyWider() {
+        const iframe = document.getElementById('Hangfire');
+        const style = document.createElement('style');
+        style.textContent = '.container { width: 99%; } .word-break.width-15 { width: 30%; }';
+        const headElement = iframe.contentDocument.head;
+        headElement.appendChild(style);
+    }
+</script>