diff --git a/options/options.css b/options/options.css index f1add89..7f41912 100644 --- a/options/options.css +++ b/options/options.css @@ -125,7 +125,7 @@ input[type=""], input[type="text"], input[type="number"], select { } .urlValues { - padding-right: 1em; + padding-right: 1.15em; position: relative; } .urlValues.collapsed table { @@ -146,6 +146,9 @@ input[type=""], input[type="text"], input[type="number"], select { .urlValues table .reset, .urlValues table .add, .urlValues table .url { cursor: pointer; margin: 0 0.2em; + padding: 0; + border: none; + background-color: transparent; } .urlValues table .url { min-width: 4em; @@ -160,8 +163,11 @@ input[type=""], input[type="text"], input[type="number"], select { right: 0; text-align: center; width: 1em; - height: 1em; + height: 2em; cursor: pointer; + padding: 0; + border: none; + background-color: transparent; } .urlValues.collapsed .collapser::after { content: "\25B6"; diff --git a/options/optionsGui.js b/options/optionsGui.js index 02202f4..415e720 100644 --- a/options/optionsGui.js +++ b/options/optionsGui.js @@ -200,7 +200,7 @@ let container = document.createElement("div"); container.className = "urlValues " + (setting.getExpand()? "expanded": "collapsed"); container.appendChild(input); - var collapser = document.createElement("span"); + var collapser = document.createElement("button"); collapser.classList.add("collapser"); container.appendChild(collapser); collapser.addEventListener("click", function(){ @@ -227,6 +227,7 @@ if (url){ setting.set(setting.get(url), url); newInput.value = ""; + newInput.focus(); } }; newInput.addEventListener("keypress", function(event){ @@ -235,7 +236,7 @@ } }); footCell.appendChild(newInput); - let footPlus = document.createElement("span"); + let footPlus = document.createElement("button"); footPlus.classList.add("add"); footPlus.textContent = "+"; footPlus.addEventListener("click", addURLSetting); @@ -282,11 +283,13 @@ inputCell.appendChild(input); row.appendChild(inputCell); let clearCell = document.createElement("td"); - clearCell.className = "reset"; - clearCell.textContent = "\xD7"; - clearCell.addEventListener("click", function(){ + let clearButton = document.createElement("button"); + clearButton.className = "reset"; + clearButton.textContent = "\xD7"; + clearButton.addEventListener("click", function(){ setting.reset(entry.url); }); + clearCell.appendChild(clearButton); row.appendChild(clearCell); body.appendChild(row); }); diff --git a/releaseNotes.txt b/releaseNotes.txt index 61edaee..f6d3cb3 100644 --- a/releaseNotes.txt +++ b/releaseNotes.txt @@ -6,6 +6,7 @@ Version 0.5.6: - options gui improvements - url specific values can be added by hitting enter in the input - highlight "hide" icon when "tabing" to it + - made url specific values manageable with "tabing" fixes: -