show prev/next btn only on def load

SandeepKrSuman · Mar 30, 2022 · 61d120f · 61d120f
1 parent ce5276f
commit 61d120f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/popup/popup.html b/popup/popup.html
@@ -10,7 +10,7 @@ <h1 id="word"></h1>
       <p id="phonetic"></p>
       <div id="definition"></div>
       <p id="example"></p>
-      <div class="navigate-container">
+      <div id="navigatecontainer" class="navigate-container hidenavigator">
         <span class="navigator previous">&laquo;</span>
         <span class="navigator next">&raquo;</span>
       </div>

diff --git a/popup/popup.js b/popup/popup.js
@@ -33,6 +33,9 @@ async function dictionary(query) {
         "example"
       ).innerHTML = `Example: ${json[0].meanings[0].definitions[0].example}`;
     }
+    document
+      .getElementById("navigatecontainer")
+      .classList.remove("hidenavigator");
   } else if (json.title) {
     document.getElementById("error").innerHTML = "⚠  " + json.title;
   }

diff --git a/popup/style.css b/popup/style.css
@@ -39,6 +39,10 @@ div {
   padding: 6px 14px;
 }
 
+.hidenavigator {
+  display: none;
+}
+
 .navigator:hover {
   cursor: pointer;
   background-color: #ddd;