From 890c3a0a55947393a2e6e87480f36788a6d2b76d Mon Sep 17 00:00:00 2001
From: hackademix <giorgio@maone.net>
Date: Mon, 1 Jun 2020 18:00:35 +0200
Subject: [PATCH] Removed inline preset options relics.

---
 src/ui/ui.css | 41 +----------------------------------------
 src/ui/ui.js  |  8 +-------
 2 files changed, 2 insertions(+), 47 deletions(-)

diff --git a/src/ui/ui.css b/src/ui/ui.css
index a90c5d9..98747b3 100644
--- a/src/ui/ui.css
+++ b/src/ui/ui.css
@@ -329,51 +329,12 @@ span.preset {
    overflow: visible;
 }
 
-button.options {
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  border: none;
-  background: none transparent;
-  font-family: sans-serif;
-  font-weight: bold;
-  color: #048;
-  text-shadow: -0.06em -0.06em 0.06em #fff, 0.13em 0.13em 0.13em #000;
-  padding: 0;
-  margin: 0;
-}
-
-.preset .options {
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-
-  border: 0;
-  background: none;
-  font-size: 1em;
-  width: 1em;
-  height: 1em;
-
-  opacity: 0;
-  position: absolute;
-  bottom: 0.88em;
-  left: 1.13em;
-
-  pointer-events: none;
-
-}
 html:not(.mobile) :focus {
   outline: none;
   box-shadow: inset 3px 3px 3px rgba(255,255,100, .5), -3px -3px 3px  rgba(255,255,100, .5),
                 -3px 3px 3px rgba(255,255,100, .5), 3px -3px 3px rgba(255,255,100, .5);
 }
-/* uncomment me if we want to restore inline preset configuration
-.preset:hover input.preset:checked ~ .options {
-  display: block;
-  opacity: 1;
-  bottom: 0.38em;
-}
-*/
+
 input.preset[value="T_TRUSTED"] {
   background-image: url(/img/ui-temp64.png);
 }
diff --git a/src/ui/ui.js b/src/ui/ui.js
index 99992ad..1bdf1aa 100644
--- a/src/ui/ui.js
+++ b/src/ui/ui.js
@@ -199,7 +199,6 @@ var UI = (() => {
     <td class="presets">
     <span class="preset">
       <input id="preset" class="preset" type="radio" name="preset"><label for="preset" class="preset">PRESET</label>
-      <button tabindex="-1" class="options tiny">⚙</button>
       <input tabindex="-1" id="temp" class="temp" type="checkbox"><label for="temp">Temporary</label></input>
     </span>
     </td>
@@ -256,9 +255,8 @@ var UI = (() => {
       // PRESETS
       {
         let presets = row.querySelector(".presets");
-        let [span, input, label, options] = presets.querySelectorAll("span.preset, input.preset, label.preset, .options");
+        let [span, input, label] = presets.querySelectorAll("span.preset, input.preset, label.preset");
         span.remove();
-        options.title = _("Options");
         for (let [preset, customizable] of Object.entries(this.presets)) {
           let messageKey = UI.presets[preset];
           input.value = preset;
@@ -273,11 +271,7 @@ var UI = (() => {
             temp.nextElementSibling.remove();
             temp.remove();
           }
-          if (customizable) {
-            clone.querySelector(".options").remove();
-          }
           presets.appendChild(clone);
-
         }
 
         if (!UI.mobile) {