diff --git a/src/popup.css b/src/popup.css index 22f8c51..3ae893d 100644 --- a/src/popup.css +++ b/src/popup.css @@ -17,5 +17,5 @@ } .ob-button-link { - @apply text-indigo-400 m-1.5 px-3 py-1 text-xs outline-none focus:outline-none ease-linear transition-all duration-150; + @apply text-blue-600 m-1.5 px-3 py-1 text-xs outline-none focus:outline-none ease-linear transition-all duration-150; } diff --git a/src/popup.ts b/src/popup.ts index 9655268..c118105 100644 --- a/src/popup.ts +++ b/src/popup.ts @@ -80,6 +80,16 @@ chrome.storage.sync.get(null, (data) => { input.addEventListener("input", debounce(getInputListener(i), 1000)) input.addEventListener("change", getInputListener(i)) } + + // Listen to "show" item. + const show = document.getElementById(`items_show`) as HTMLOrSVGImageElement + show.addEventListener("click", () => { + // Switch between text and password type + for (let i = 0; i < NUMBER_OF_LITERALS; i++) { + const input = document.getElementById(`item_${String(i)}`) as HTMLInputElement + input.type = input.type === "text" ? "password" : "text" + } + }) }) checkbox.addEventListener("change", (event) => { if (event.target instanceof HTMLInputElement) { diff --git a/static/popup.html b/static/popup.html index d5458b5..a9d86c6 100644 --- a/static/popup.html +++ b/static/popup.html @@ -32,8 +32,22 @@ -
- +
+
+ +
+
+ + + +