diff --git a/src/main/window-manager.ts b/src/main/window-manager.ts index 513dfdf215..fce16a5190 100644 --- a/src/main/window-manager.ts +++ b/src/main/window-manager.ts @@ -55,7 +55,13 @@ export class WindowManager { // handle close event this.mainWindow.on("close", () => { this.mainWindow = null; - }) + }); + + // open external links in default browser (target=_blank, window.open) + this.mainWindow.webContents.on("new-window", (event, url) => { + event.preventDefault(); + shell.openExternal(url); + }); // handle external links this.mainWindow.webContents.on("will-navigate", (event, link) => { diff --git a/src/renderer/_vue/assets/css/app.scss b/src/renderer/_vue/assets/css/app.scss index e969e9dd45..ed8e19eb68 100644 --- a/src/renderer/_vue/assets/css/app.scss +++ b/src/renderer/_vue/assets/css/app.scss @@ -203,4 +203,9 @@ h1, h2, h3, h4, h5, h6{ height: 100%; z-index: 100; display: none; + + > iframe { + height: calc(100% - var(--lens-bottom-bar-height)); + border: none; + } } diff --git a/src/renderer/_vue/assets/css/custom.scss b/src/renderer/_vue/assets/css/custom.scss index ae424d106e..45c9eb7a8d 100644 --- a/src/renderer/_vue/assets/css/custom.scss +++ b/src/renderer/_vue/assets/css/custom.scss @@ -9,7 +9,7 @@ $lens-text-color-light: #a0a0a0 !default; $lens-primary: #3d90ce !default; // export as css variables -* { +:root { --lens-main-bg: #{$lens-main-bg}; // dark bg --lens-pane-bg: #{$lens-pane-bg}; // all panels main bg --lens-dock-bg: #{$lens-dock-bg}; // terminal and top menu bar @@ -18,6 +18,7 @@ $lens-primary: #3d90ce !default; --lens-text-color: #{$lens-text-color}; --lens-text-color-light: #{$lens-text-color-light}; --lens-primary: #{$lens-primary}; + --lens-bottom-bar-height: 20px; } // Base grayscale colors definitions diff --git a/src/renderer/_vue/components/BottomBar/BottomBar.vue b/src/renderer/_vue/components/BottomBar/BottomBar.vue index 5faffdb74d..6cfa1042aa 100644 --- a/src/renderer/_vue/components/BottomBar/BottomBar.vue +++ b/src/renderer/_vue/components/BottomBar/BottomBar.vue @@ -63,7 +63,7 @@ export default { bottom: 0; left: 0; width: 100%; - height: 20px; + height: var(--lens-bottom-bar-height); background-color: var(--lens-primary); z-index: 2000; } diff --git a/src/renderer/_vue/components/ClusterPage.vue b/src/renderer/_vue/components/ClusterPage.vue index 5228202f85..00823ee2f5 100644 --- a/src/renderer/_vue/components/ClusterPage.vue +++ b/src/renderer/_vue/components/ClusterPage.vue @@ -27,7 +27,6 @@