1
0
mirror of https://github.com/kkapsner/CanvasBlocker synced 2025-02-23 02:49:34 +01:00

made url specific values manageable with "tabing"

This commit is contained in:
kkapsner 2018-10-16 00:11:07 +02:00
parent 0283da372c
commit 7fb86a4da3
3 changed files with 17 additions and 7 deletions

View File

@ -125,7 +125,7 @@ input[type=""], input[type="text"], input[type="number"], select {
} }
.urlValues { .urlValues {
padding-right: 1em; padding-right: 1.15em;
position: relative; position: relative;
} }
.urlValues.collapsed table { .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 { .urlValues table .reset, .urlValues table .add, .urlValues table .url {
cursor: pointer; cursor: pointer;
margin: 0 0.2em; margin: 0 0.2em;
padding: 0;
border: none;
background-color: transparent;
} }
.urlValues table .url { .urlValues table .url {
min-width: 4em; min-width: 4em;
@ -160,8 +163,11 @@ input[type=""], input[type="text"], input[type="number"], select {
right: 0; right: 0;
text-align: center; text-align: center;
width: 1em; width: 1em;
height: 1em; height: 2em;
cursor: pointer; cursor: pointer;
padding: 0;
border: none;
background-color: transparent;
} }
.urlValues.collapsed .collapser::after { .urlValues.collapsed .collapser::after {
content: "\25B6"; content: "\25B6";

View File

@ -200,7 +200,7 @@
let container = document.createElement("div"); let container = document.createElement("div");
container.className = "urlValues " + (setting.getExpand()? "expanded": "collapsed"); container.className = "urlValues " + (setting.getExpand()? "expanded": "collapsed");
container.appendChild(input); container.appendChild(input);
var collapser = document.createElement("span"); var collapser = document.createElement("button");
collapser.classList.add("collapser"); collapser.classList.add("collapser");
container.appendChild(collapser); container.appendChild(collapser);
collapser.addEventListener("click", function(){ collapser.addEventListener("click", function(){
@ -227,6 +227,7 @@
if (url){ if (url){
setting.set(setting.get(url), url); setting.set(setting.get(url), url);
newInput.value = ""; newInput.value = "";
newInput.focus();
} }
}; };
newInput.addEventListener("keypress", function(event){ newInput.addEventListener("keypress", function(event){
@ -235,7 +236,7 @@
} }
}); });
footCell.appendChild(newInput); footCell.appendChild(newInput);
let footPlus = document.createElement("span"); let footPlus = document.createElement("button");
footPlus.classList.add("add"); footPlus.classList.add("add");
footPlus.textContent = "+"; footPlus.textContent = "+";
footPlus.addEventListener("click", addURLSetting); footPlus.addEventListener("click", addURLSetting);
@ -282,11 +283,13 @@
inputCell.appendChild(input); inputCell.appendChild(input);
row.appendChild(inputCell); row.appendChild(inputCell);
let clearCell = document.createElement("td"); let clearCell = document.createElement("td");
clearCell.className = "reset"; let clearButton = document.createElement("button");
clearCell.textContent = "\xD7"; clearButton.className = "reset";
clearCell.addEventListener("click", function(){ clearButton.textContent = "\xD7";
clearButton.addEventListener("click", function(){
setting.reset(entry.url); setting.reset(entry.url);
}); });
clearCell.appendChild(clearButton);
row.appendChild(clearCell); row.appendChild(clearCell);
body.appendChild(row); body.appendChild(row);
}); });

View File

@ -6,6 +6,7 @@ Version 0.5.6:
- options gui improvements - options gui improvements
- url specific values can be added by hitting enter in the input - url specific values can be added by hitting enter in the input
- highlight "hide" icon when "tabing" to it - highlight "hide" icon when "tabing" to it
- made url specific values manageable with "tabing"
fixes: fixes:
- -