From 5d366b722f4104d4f3252fb733fa31a44d4df3df Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Mon, 30 Dec 2019 12:42:12 -0500
Subject: Add option for changing poup scale relative to visual viewport

---
 ext/bg/settings.html | 29 +++++++++++++----------------
 1 file changed, 13 insertions(+), 16 deletions(-)

(limited to 'ext/bg/settings.html')

diff --git a/ext/bg/settings.html b/ext/bg/settings.html
index 37ee20aa..a283335c 100644
--- a/ext/bg/settings.html
+++ b/ext/bg/settings.html
@@ -150,6 +150,14 @@
                     <label><input type="checkbox" id="show-advanced-options"> Show advanced options</label>
                 </div>
 
+                <div class="checkbox options-advanced">
+                    <label><input type="checkbox" id="popup-scale-relative-to-page-zoom"> Change popup size relative to page zoom level</label>
+                </div>
+
+                <div class="checkbox options-advanced">
+                    <label><input type="checkbox" id="popup-scale-relative-to-visual-viewport"> Change popup size relative to page viewport</label>
+                </div>
+
                 <div class="checkbox options-advanced">
                     <label><input type="checkbox" id="show-debug-info"> Show debug information</label>
                 </div>
@@ -171,6 +179,11 @@
                     </select>
                 </div>
 
+                <div class="form-group">
+                    <label for="popup-scaling-factor">Popup size multiplier</label>
+                    <input type="number" min="0" id="popup-scaling-factor" class="form-control">
+                </div>
+
                 <div class="form-group options-advanced">
                     <label for="max-displayed-results">Maximum displayed results</label>
                     <input type="number" min="1" id="max-displayed-results" class="form-control">
@@ -237,22 +250,6 @@
                     </div>
                 </div>
 
-                <div class="form-group options-advanced">
-                    <div class="row">
-                        <div class="col-xs-6">
-                            <label for="popup-scaling-factor">Popup size multiplier</label>
-                            <input type="number" min="0" id="popup-scaling-factor" class="form-control">
-                        </div>
-                        <div class="col-xs-6">
-                            <label for="popup-scale-relative-to-page-zoom">Popup size mode</label>
-                            <select class="form-control" id="popup-scale-relative-to-page-zoom">
-                                <option value="false">Absolute</option>
-                                <option value="true">Relative to zoom level</option>
-                            </select>
-                        </div>
-                    </div>
-                </div>
-
                 <div class="form-group">
                     <div class="row">
                         <div class="col-xs-6">
-- 
cgit v1.2.3