From 37eccb12f20c4909a70a1efd3c7ba37a515a0e5a Mon Sep 17 00:00:00 2001 From: Tamius Han Date: Fri, 4 Dec 2020 00:53:51 +0100 Subject: [PATCH] Fix normal-sized popup --- src/popup/App.vue | 12 ++++++++++-- src/popup/popup.html | 2 +- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/popup/App.vue b/src/popup/App.vue index 2b98974..26ebcf3 100644 --- a/src/popup/App.vue +++ b/src/popup/App.vue @@ -15,7 +15,9 @@ class="w100 show-more flex flex-row flex-center flex-cross-center menu-button" @click="toggleSideMenu()" > -
Menu
+ + +
Menu
@@ -270,7 +272,11 @@ export default { // ensure that narrowPopup only gets set the first time the popup renders // if popup was rendered before, we don't do anything because otherwise // we'll be causing an unwanted re-render - if (this.narrowPopup === null) { + // + // another thing worth noting — the popup gets first initialized with + // offsetWidth set to 0. This means proper popup will be displayed as a + // mini popup if we don't check for that. + if (this.narrowPopup === null && body.offsetWidth > 0) { this.narrowPopup = body.offsetWidth < 600; } }, @@ -649,6 +655,8 @@ html { padding: 4px; border-bottom: #f18810 1px solid !important; font-size: 1.5rem !important; + cursor: pointer; + user-select: none;; } .popup { diff --git a/src/popup/popup.html b/src/popup/popup.html index 392e644..1a38558 100644 --- a/src/popup/popup.html +++ b/src/popup/popup.html @@ -9,7 +9,7 @@ <% } %> - +