1
0
mirror of https://github.com/kkapsner/CanvasBlocker synced 2024-06-08 06:17:47 +02:00

Options page fine tuning

This commit is contained in:
kkapsner 2018-09-19 23:56:34 +02:00
parent 5513bcbb61
commit 70b8d50c56
4 changed files with 18 additions and 3 deletions

View File

@ -140,6 +140,11 @@
"description": "" "description": ""
}, },
"hideSetting": {
"message": "Hier klicken, um diese Einstellung zu verbergen.",
"description": ""
},
"displayHiddenSettings_title": { "displayHiddenSettings_title": {
"message": "Versteckte Einstellungen anzeigen", "message": "Versteckte Einstellungen anzeigen",
"description": "" "description": ""

View File

@ -140,6 +140,11 @@
"description": "" "description": ""
}, },
"hideSetting": {
"message": "Click here to hide this setting.",
"description": ""
},
"displayHiddenSettings_title": { "displayHiddenSettings_title": {
"message": "Display hidden settings", "message": "Display hidden settings",
"description": "" "description": ""

View File

@ -177,12 +177,17 @@ td.hideColumn {
width: 45px; width: 45px;
} }
.hideContent {
cursor: pointer;
}
.content.hideContent { .content.hideContent {
position: relative; position: relative;
} }
.content .hide, .displayHidden { .content .hide, .displayHidden {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
cursor: pointer;
} }
.content .hide ~ .display, .displayHidden ~ .display { .content .hide ~ .display, .displayHidden ~ .display {
display: inline-block; display: inline-block;
@ -218,9 +223,7 @@ td.hideColumn {
#search { #search {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: calc(100% - 10px);
border: none;
background-color: transparent;
} }
.searching .settingRow { .searching .settingRow {
display: none; display: none;

View File

@ -335,6 +335,7 @@
function createHide(setting){ function createHide(setting){
var label = document.createElement("label"); var label = document.createElement("label");
label.className = "content hideContent"; label.className = "content hideContent";
label.title = browser.i18n.getMessage("hideSetting");
var input = document.createElement("input"); var input = document.createElement("input");
input.type = "checkbox"; input.type = "checkbox";
input.className = "hide"; input.className = "hide";
@ -382,6 +383,7 @@
hideHeadCell.className = "hideColumn"; hideHeadCell.className = "hideColumn";
hideHeadCell.title = browser.i18n.getMessage(displayHidden.name + "_description"); hideHeadCell.title = browser.i18n.getMessage(displayHidden.name + "_description");
const label = document.createElement("label"); const label = document.createElement("label");
label.className = "hideContent";
const input = createInput(displayHidden); const input = createInput(displayHidden);
input.className = "displayHidden"; input.className = "displayHidden";
label.appendChild(input); label.appendChild(input);