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:
parent
0283da372c
commit
7fb86a4da3
@ -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";
|
||||||
|
@ -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);
|
||||||
});
|
});
|
||||||
|
@ -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:
|
||||||
-
|
-
|
||||||
|
Loading…
x
Reference in New Issue
Block a user