security-and-privacy/CanvasBlocker
security-and-privacy/CanvasBlocker
1
0
Fork 0
mirror of https://github.com/kkapsner/CanvasBlocker synced 2025-04-18 08:08:28 +02:00
Code Releases Activity

Switched from prompt() to inputs.

Browse Source
This commit is contained in:
kkapsner 2017-12-08 20:20:42 +01:00
parent 9e27dedb4b
commit 74863d3c98
2 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
options/options.css
View File

@ -94,6 +94,14 @@ 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;
}
.urlValues table .url {
min-width: 4em;
}
.urlValues table .urlInput {
padding: 1px;
margin: -1px;
} }
.urlValues .collapser { .urlValues .collapser {
position: absolute; position: absolute;

29
options/optionsGui.js
View File

@ -148,13 +148,17 @@
let footRow = document.createElement("tr"); let footRow = document.createElement("tr");
let footCell = document.createElement("td"); let footCell = document.createElement("td");
footCell.colSpan = 3; footCell.colSpan = 3;
let newInput = document.createElement("input");
newInput.title = browser.i18n.getMessage("inputURL");
footCell.appendChild(newInput);
let footPlus = document.createElement("span"); let footPlus = document.createElement("span");
footPlus.classList.add("add"); footPlus.classList.add("add");
footPlus.textContent = "+"; footPlus.textContent = "+";
footPlus.addEventListener("click", function(){ footPlus.addEventListener("click", function(){
var url = prompt(browser.i18n.getMessage("inputURL")).trim(); var url = newInput.value.trim();
if (url){ if (url){
setting.set(setting.get(url), url); setting.set(setting.get(url), url);
newInput.value = "";
} }
}); });
footCell.appendChild(footPlus); footCell.appendChild(footPlus);
@ -170,11 +174,24 @@
let urlCell = document.createElement("td"); let urlCell = document.createElement("td");
urlCell.classList.add("url"); urlCell.classList.add("url");
urlCell.addEventListener("click", function(){ urlCell.addEventListener("click", function(){
var url = prompt(browser.i18n.getMessage("inputURL"), entry.url).trim(); var input = document.createElement("input");
if (url){ input.classList.add("urlInput");
entry.url = url; input.style.width = urlCell.clientWidth + "px";
setting.urlContainer.refresh(); input.style.height = urlCell.clientHeight + "px";
} urlCell.innerHTML = "";
urlCell.appendChild(input);
input.title = browser.i18n.getMessage("inputURL");
input.value = entry.url;
input.focus();
input.addEventListener("blur", function(){
var url = input.value.trim();
if (url){
entry.url = url;
setting.urlContainer.refresh();
}
urlCell.removeChild(input);
urlCell.textContent = entry.url;
});
}); });
urlCell.textContent = entry.url; urlCell.textContent = entry.url;
row.appendChild(urlCell); row.appendChild(urlCell);