add 3 keys in each row to update
This commit is contained in:
parent
063d599a80
commit
e691db9432
@ -200,7 +200,6 @@ function makeSettings() {
|
|||||||
this.parentNode.style.opacity = "0";
|
this.parentNode.style.opacity = "0";
|
||||||
setTimeout(function(){k.parentNode.style.display = "none";},300);
|
setTimeout(function(){k.parentNode.style.display = "none";},300);
|
||||||
// Text transition: opacity 0
|
// Text transition: opacity 0
|
||||||
console.log("hi");
|
|
||||||
textDiv.parentNode.style.color = themeChart["font"][settings["theme"]].replace(")",",0)").replace("b","ba");
|
textDiv.parentNode.style.color = themeChart["font"][settings["theme"]].replace(")",",0)").replace("b","ba");
|
||||||
// Update settings through cookie
|
// Update settings through cookie
|
||||||
deleteCookie(setting);
|
deleteCookie(setting);
|
||||||
|
|||||||
@ -32,6 +32,8 @@ function tableTheme(theme) {
|
|||||||
|
|
||||||
function keyChange(theme) {
|
function keyChange(theme) {
|
||||||
if (document.getElementById("keylegend") != null) {
|
if (document.getElementById("keylegend") != null) {
|
||||||
|
var rowlength = 3;
|
||||||
|
|
||||||
document.getElementsByClassName("key")[0].removeChild(document.getElementById("keylegend"));
|
document.getElementsByClassName("key")[0].removeChild(document.getElementById("keylegend"));
|
||||||
|
|
||||||
var index = choices[1].indexOf(theme);
|
var index = choices[1].indexOf(theme);
|
||||||
@ -40,18 +42,22 @@ function keyChange(theme) {
|
|||||||
// id for CSS
|
// id for CSS
|
||||||
tbl.id = "keylegend";
|
tbl.id = "keylegend";
|
||||||
|
|
||||||
for (var i = 0; i < Object.keys(keyColors[index]).length; i++) {
|
for (var i = 0; i < Object.keys(keyColors[index]).length; i+=rowlength) {
|
||||||
var tr = tbl.insertRow();
|
var tr = tbl.insertRow();
|
||||||
var keycolor = tr.insertCell();
|
for (var x = 0; x < rowlength; x++) {
|
||||||
keycolor.className = "keycolor";
|
if ((i + x) < Object.keys(keyColors[index]).length) {
|
||||||
keycolor.style.backgroundColor = keyColors[index][Object.keys(keyColors[index])[i]];
|
var keycolor = tr.insertCell();
|
||||||
|
keycolor.className = "keycolor";
|
||||||
|
keycolor.style.backgroundColor = keyColors[index][Object.keys(keyColors[index])[i + x]];
|
||||||
|
|
||||||
var keyname = tr.insertCell();
|
var keyname = tr.insertCell();
|
||||||
keyvalue = document.createTextNode(Object.keys(keyColors[index])[i]);
|
keyvalue = document.createTextNode(Object.keys(keyColors[index])[i + x]);
|
||||||
keyname.appendChild(keyvalue);
|
keyname.appendChild(keyvalue);
|
||||||
keyname.className = "keyvalue";
|
keyname.className = "keyvalue";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
get("key").appendChild(tbl);
|
get("key").appendChild(tbl);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user