diff --git a/src/popup.css b/src/popup.css index adf3669..efaed2f 100644 --- a/src/popup.css +++ b/src/popup.css @@ -15,6 +15,7 @@ --toggle-margin-right: 5px; --speed-fast: .1s; + --speed-moderate: .2s; --speed-slow: .3s; --spacer-tiny: 2px; @@ -202,7 +203,7 @@ button:not(.delete):active > svg { #toggle:active { background-color: var(--button-state-disabled-bg); -} /*TODO is this redundant? */ +} #toggle.is-on { background-color: var(--button-state-enabled-bg); @@ -215,7 +216,7 @@ button:not(.delete):active > svg { #toggle.is-on:active { background-color: var(--button-state-enabled-bg); -} /*TODO same deal as above */ +} @@ -517,11 +518,13 @@ button:not(.delete):active > svg { } .reveal-slow { - transition: - all var(--speed-slow) ease-out !important; + transition: all var(--speed-slow) ease-out !important; +} + +.reveal-moderate { + transition: all var(--speed-moderate) ease-out !important; } .reveal-fast { - transition: - all var(--speed-fast) ease-out !important; + transition: all var(--speed-fast) ease-out !important; } diff --git a/src/popup.js b/src/popup.js index 0cb0ea2..80bdfa3 100644 --- a/src/popup.js +++ b/src/popup.js @@ -10,7 +10,6 @@ function init() { document.querySelector("#restore").addEventListener("click", restore); } -/*TODO except browser like about*/ /* Loads and displays information about the current domain */ function loadDomain() { let tabs = browser.tabs.query({ active: true, currentWindow: true }); @@ -160,7 +159,7 @@ function saveAlso() { /* Creates the HTML for a new also replacement */ function createLi(index) { const li = document.createElement("li"); - li.classList.add("reveal-slow"); + li.classList.add("reveal-moderate"); const lhs = document.createElement("input"); lhs.type = "text";