Feature #221 remove tooltipPercentage example el

Extensions/combined/popup.html

@@ -169,24 +169,12 @@
   <div class="custom-select">
     <label for="tooltip_percentage_mode" data-hover="Use custom percentage display on hover.">Percent mode:</label>
     <select name="tooltip_percentage_mode" id="tooltip_percentage_mode">
-      <option value="dash_like" id="tooltip_percentage_mode_dash_like">Dash like</option>
-      <option value="dash_dislike" id="tooltip_percentage_mode_dash_dislike">Dash dislike</option>
-      <option value="both" id="tooltip_percentage_mode_both">Both</option>
-      <option value="only_like" id="tooltip_percentage_mode_only_like">Only like</option>
-      <option value="only_dislike" id="tooltip_percentage_mode_only_dislike">Only dislike</option>      
+      <option value="dash_like" id="tooltip_percentage_mode_dash_like">190&nbsp;/&nbsp;10&nbsp;&nbsp;-&nbsp;&nbsp;95%</option>
+      <option value="dash_dislike" id="tooltip_percentage_mode_dash_dislike">190&nbsp;/&nbsp;10&nbsp;&nbsp;-&nbsp;&nbsp;5%</option>
+      <option value="both" id="tooltip_percentage_mode_both">95%&nbsp;/&nbsp;5%</option>
+      <option value="only_like" id="tooltip_percentage_mode_only_like">95%</option>
+      <option value="only_dislike" id="tooltip_percentage_mode_only_dislike">5%</option>
     </select>
-    <span
-      id="percentage_mode_example"
-      style="
-            /*padding-left: 4px;*/
-            display: inline-block;
-            vertical-align: text-top;
-            vertical-align: middle;
-            font-size: 12px;
-          "
-    >
-    190&nbsp;/&nbsp;10&nbsp;&nbsp;-&nbsp;&nbsp;95%
-    </span>
   </div>
 </fieldset>
 </body>

Extensions/combined/popup.js

@@ -93,7 +93,6 @@ document.getElementById("show_tooltip_percentage").addEventListener("click", (ev
 
 document.getElementById("tooltip_percentage_mode").addEventListener("change", (ev) => {
   chrome.storage.sync.set({ tooltipPercentageMode: ev.target.value });
-  updateTooltipPercentageModePreviewContent(ev.target.value);
 });
 
 /*   Advanced Toggle   */
@@ -320,28 +319,8 @@ function handleTooltipPercentageModeChangeEvent(value) {
   document
     .getElementById("tooltip_percentage_mode")
     .querySelector('option[value="' + value + '"]').selected = true;
-    updateTooltipPercentageModePreviewContent(value);
 };
 
-function updateTooltipPercentageModePreviewContent(modeName) {
-  switch (modeName) {
-    case "dash_dislike":
-      document.getElementById("percentage_mode_example").innerHTML = "190 / 10  -  5%";
-      break;
-    case "both":
-      document.getElementById("percentage_mode_example").innerHTML = "95% / 5%";
-      break;
-    case "only_like":
-      document.getElementById("percentage_mode_example").innerHTML = "95%";
-      break;
-    case "only_dislike":
-      document.getElementById("percentage_mode_example").innerHTML = "5%";
-      break;
-    default:
-      document.getElementById("percentage_mode_example").innerHTML = "190 / 10  -  95%";
-  };
-}
-
 function getNumberFormatter(optionSelect) {
   let formatterNotation;
   let formatterCompactDisplay;