image folder variable used consistently

src/editor/components/seButton.js

@@ -1,7 +1,5 @@
-// import {isMac} from '../../common/browser.js';
-// if (isMac() && !window.opera) 'Ctrl+' 'Cmd+'
-
 const template = document.createElement('template');
+// eslint-disable-next-line no-unsanitized/property
 template.innerHTML = `
   <style>
   :host(:hover) :not(.disabled)
@@ -38,7 +36,7 @@ template.innerHTML = `
   }
   </style>
   <div title="title">
-    <img src="./images/logo.svg" alt="icon">
+    <img src="logo.svg" alt="icon">
   </div>
 `;
 /**

src/editor/components/seColorPicker.js

@@ -638,7 +638,7 @@ div.jGraduate_Slider img {
   }
   </style>
   <div id="picker">
-      <img src="./images/logo.svg" alt="icon" id="logo">
+      <img src="logo.svg" alt="icon" id="logo">
       <label for="color" title="" id="label"></label>
       <div id="block">
       </div>

src/editor/components/seDropdown.js

@@ -15,7 +15,7 @@ class Dropdown extends ListComboBox {
   get [defaultState] () {
     return Object.assign(super[defaultState], {
       inputPartType: NumberSpinBox,
-      src: './images/logo.svg',
+      src: "logo.svg",
       inputsize: '100%'
     });
   }
@@ -28,7 +28,7 @@ class Dropdown extends ListComboBox {
     const source = result.content.getElementById('source');
     // add a icon before our dropdown
     source.prepend(fragmentFrom.html`
-      <img src="./images/logo.svg" alt="icon" width="18" height="18"></img>
+      <img src="logo.svg" alt="icon" width="18" height="18"></img>
       `.cloneNode(true));
     // change the style so it fits in our toolbar
     result.content.append(

src/editor/components/seExplorerButton.js

@@ -85,7 +85,7 @@ template.innerHTML = `
 
   <div class="overall">
     <div class="menu-button">
-      <img class="button-icon" src="./images/logo.svg" alt="icon">
+      <img class="button-icon" src="logo.svg" alt="icon">
       <div class="handle"></div>
     </div>
     <div class="image-lib"">

src/editor/components/seFlyingButton.js

@@ -71,7 +71,7 @@ template.innerHTML = `
   <slot></slot>
 </div>
     <div class="menu-button">
-      <img class="button-icon" src="./images/logo.svg" alt="icon">
+      <img class="button-icon" src="logo.svg" alt="icon">
       <div class="handle"></div>
     </div>
    

src/editor/components/seInput.js

@@ -26,7 +26,7 @@ template.innerHTML = `
   }
   </style>
   <div>
-  <img src="./images/logo.svg" alt="icon" width="12" height="12" />
+  <img src="logo.svg" alt="icon" width="12" height="12" />
   <span id="label">label</span>
   <elix-input></elix-input>
   </div>

src/editor/components/seMenuItem.js

@@ -7,7 +7,7 @@ template.innerHTML = `
   </style>
   <elix-menu-item>
     <div style="display:flex; align-items: center;">
-      <img src="./images/logo.svg" alt="icon" style="display:none;" width="24"/>
+      <img src="logo.svg" alt="icon" style="display:none;" width="24"/>
       <span style="margin-left: 7px;"></span>
     </div>
   </elix-menu-item>

src/editor/components/seZoom.js

@@ -14,7 +14,7 @@ class Zoom extends ListComboBox {
   get [internal.defaultState] () {
     return Object.assign(super[internal.defaultState], {
       inputPartType: NumberSpinBox,
-      src: './images/logo.svg',
+      src: 'logo.svg',
       inputsize: '100%'
     });
   }
@@ -27,7 +27,8 @@ class Zoom extends ListComboBox {
     const source = result.content.getElementById('source');
     // add a icon before our dropdown
     source.prepend(fragmentFrom.html`
-      <img src="./images/logo.svg" alt="icon" width="18" height="18"></img>
+      <img src="zoom" alt="icon" width="18" height="18">
+      </img>
       `.cloneNode(true));
     // change the style so it fits in our toolbar
     result.content.append(
@@ -39,9 +40,6 @@ class Zoom extends ListComboBox {
         ::slotted(*) {
           padding: 4px;
           width: 100%;
-          background-color: var(--icon-bg-color);
-          color: #fff;
-        }
         }
         [part~="popup"] {
           width: 150%;
@@ -167,22 +165,3 @@ class Zoom extends ListComboBox {
 
 // Register
 customElements.define('se-zoom', Zoom);
-
-/*
-{TODO
-    min: 0.001, max: 10000, step: 50, stepfunc: stepZoom,
-  function stepZoom (elem, step) {
-    const origVal = Number(elem.value);
-    if (origVal === 0) { return 100; }
-    const sugVal = origVal + step;
-    if (step === 0) { return origVal; }
-
-    if (origVal >= 100) {
-      return sugVal;
-    }
-    if (sugVal >= origVal) {
-      return origVal * 2;
-    }
-    return origVal / 2;
-  }
-*/