From 73b8c64ba4c0442ee0fa6bc6c4c701ccc589f56b Mon Sep 17 00:00:00 2001
From: Ilya Kreymer <ikreymer@gmail.com>
Date: Wed, 13 Apr 2022 21:41:51 -0700
Subject: [PATCH] frontend profile browser: cover devtools sidebar with profile
 sidebar, add try/catch for localStorage override

---
 .../src/pages/archive/browser-profiles-new.ts | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/archive/browser-profiles-new.ts b/frontend/src/pages/archive/browser-profiles-new.ts
index 63ec948a..13c354e8 100644
--- a/frontend/src/pages/archive/browser-profiles-new.ts
+++ b/frontend/src/pages/archive/browser-profiles-new.ts
@@ -82,7 +82,7 @@ export class BrowserProfilesNew extends LiteElement {
               </btrix-alert>
             `
           : html`
-              <div class="lg:flex bg-white">
+              <div class="lg:flex bg-white relative">
                 <div class="grow lg:rounded-l overflow-hidden">
                   ${this.browserUrl
                     ? this.renderBrowser()
@@ -95,7 +95,7 @@ export class BrowserProfilesNew extends LiteElement {
                       `}
                 </div>
                 <div
-                  class="rounded-b lg:rounded-b-none lg:rounded-r border p-2 shadow-inner"
+                  class="rounded-b lg:rounded-b-none lg:rounded-r border p-2 shadow-inner bg-white absolute h-full right-0"
                 >
                   ${document.fullscreenEnabled
                     ? html`
@@ -300,13 +300,18 @@ export class BrowserProfilesNew extends LiteElement {
   }
 
   private onIframeRef(el: HTMLIFrameElement) {
+    if (!el) return;
+
     el.addEventListener("load", () => {
       // TODO see if we can make this work locally without CORs errors
-      el.contentWindow?.localStorage.setItem("uiTheme", '"default"');
-      el.contentWindow?.localStorage.setItem(
-        "InspectorView.screencastSplitViewState",
-        '{"vertical":{"size":241}}'
-      );
+      try {
+        //el.style.width = "132%";
+        el.contentWindow?.localStorage.setItem("uiTheme", '"default"');
+        el.contentWindow?.localStorage.setItem(
+          "InspectorView.screencastSplitViewState",
+          '{"vertical":{"size":241}}'
+        );
+      } catch (e) {}
     });
   }