dynamically adjust height of webview

Author: qazbnm456

src/renderer/components/BrowserMainView.vue

@@ -253,8 +253,9 @@
         this.getWebView().style.height = '100vh';
       },
       onLeaveHtmlFullScreen() {
-        this.$el.querySelector('#nav').style.display = 'block';
-        this.getWebView().style.height = 'calc(100vh - 73px)';
+        const nav = this.$el.querySelector('#nav');
+        nav.style.display = 'block';
+        this.getWebView().style.height = `calc(100vh - ${nav.clientHeight}px)`;
       },
       onNewWindow(event, pageIndex) {
         this.$store.dispatch('incrementPid');

src/renderer/components/BrowserMainView/Page.vue

@@ -204,8 +204,10 @@
         }
       });
 
+      const nav = this.$parent.$el.querySelector('#nav');
       webview.style.height
-        = `calc(100vh - ${document.getElementById('nav').getBoundingClientRect().bottom}px)`;
+        = `calc(100vh - ${nav.clientHeight}px)`;
+      this.$el.querySelector('.findinpage-bar').style.top = `${nav.clientHeight}px`;
       this.navigateTo(this.page.location);
     },
     beforeDestroy() {
@@ -263,7 +265,6 @@
   }
 
   .findinpage-bar {
-    top: 73px;
     right: 0px;
     background: rgba(128, 128, 128, 0.6);
     border-bottom-left-radius: 4px;