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

Simplified the "display hidden settings" UI

Browse source 
Fixes #314
This commit is contained in:
kkapsner 2019-05-20 08:55:19 +02:00
parent e0dda5ec0f
commit 32fab79e09
4 changed files with 36 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

17
options/options.css
View file

@ -56,6 +56,23 @@ header .bookmarkNotice .dontShowOptionsOnUpdate input {
border-top: 1px solid #c1c1c1;
position: relative;
}
.settings .settingRow.displayHiddenRow td {
position: relative;
}
.settings .settingRow.displayHiddenRow {
display: table-row;
}
.settings .settingRow.displayHiddenRow .content {
border-top: 0px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
}
.settings .settingRow.displayHiddenRow td + td + td .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.settings .settingRow td:first-child .content, td.hideColumn label {
margin-left: 10px;

30
options/optionsGui.js
View file

@ -411,28 +411,30 @@
function createThead(displayHidden, restContent){
const tHead = document.createElement("thead");
const headRow = document.createElement("tr");
const searchRow = document.createElement("tr");
const hideHeadCell = document.createElement("td");
hideHeadCell.className = "hideColumn";
hideHeadCell.title = extension.getTranslation(displayHidden.name + "_description");
const label = document.createElement("label");
label.className = "hideContent";
const input = createInput(displayHidden);
input.className = "displayHidden";
label.appendChild(input);
const display = document.createElement("span");
display.className = "display";
label.appendChild(display);
hideHeadCell.appendChild(label);
headRow.appendChild(hideHeadCell);
searchRow.appendChild(hideHeadCell);
const restHeadCell = document.createElement("td");
restHeadCell.colSpan = 2;
if (restContent){
restHeadCell.appendChild(restContent);
}
headRow.appendChild(restHeadCell);
tHead.appendChild(headRow);
searchRow.appendChild(restHeadCell);
tHead.appendChild(searchRow);
const displayHiddenRow = document.createElement("tr");
displayHiddenRow.className = "settingRow displayHiddenRow";
displayHiddenRow.appendChild(hideHeadCell.cloneNode());
const displayHiddenDescription = document.createElement("td");
displayHiddenDescription.appendChild(createDescription(displayHidden));
displayHiddenRow.appendChild(displayHiddenDescription);
var displayHiddenInteraction = document.createElement("td");
displayHiddenInteraction.appendChild(createInteraction(displayHidden));
displayHiddenRow.appendChild(displayHiddenInteraction);
tHead.appendChild(displayHiddenRow);
return tHead;
}