kjao/archive
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css of key

Browse Source
This commit is contained in:
yamanq 2016-04-20 20:48:45 -04:00
parent 262448ed16
commit fa5445f223
4 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
atoms/index.css
View File

@ -249,10 +249,28 @@ img {
color: #FF746B; color: #FF746B;
} }
.key {
margin-left: 18%;
margin-bottom: -20%;
margin-top: 10%;
}
.keycolor {
width: 20%;
height: 10%;
}
.keyvalue {
line-height: 1em;
height: 5%;
width: 115%;
text-align: left;
}
.legendholder { .legendholder {
margin-bottom: -17%; margin-bottom: -17%;
margin-top: 17%; margin-top: 17%;
margin-left: 31%; margin-left: 28%;
} }
.legend { .legend {

2
atoms/index.html
View File

@ -13,8 +13,10 @@
<div class="sidebar elements"> <div class="sidebar elements">
<i class="fa fa-close"></i> <i class="fa fa-close"></i>
<div class="titleholder"></div> <div class="titleholder"></div>
<div class="key">
<div class="legendholder"></div> <div class="legendholder"></div>
</div> </div>
</div>
<div class="pulltab second"><p class="tDesc">Settings</p></div> <div class="pulltab second"><p class="tDesc">Settings</p></div>
<div class="sidebar settings"> <div class="sidebar settings">
<i class="fa fa-close"></i> <i class="fa fa-close"></i>

2
atoms/js/main.js
View File

@ -44,6 +44,6 @@ setTimeout(function mainFunc() {
update(); update();
makeSettings(); makeSettings();
tableDesc(); tableDesc();
keyLegend();
createGradientLegend(); createGradientLegend();
// keyLegend();
}, 600); }, 600);

5
atoms/js/onload.js
View File

@ -50,13 +50,16 @@ function keyLegend() {
for (var i = 0; i < Object.keys(keyColors[index]).length; i++) { for (var i = 0; i < Object.keys(keyColors[index]).length; i++) {
var tr = tbl.insertRow(); var tr = tbl.insertRow();
var keycolor = tr.insertCell(); var keycolor = tr.insertCell();
keycolor.className = "keycolor";
keycolor.style.backgroundColor = keyColors[index][Object.keys(keyColors[index])[i]]; keycolor.style.backgroundColor = keyColors[index][Object.keys(keyColors[index])[i]];
var keyname = tr.insertCell(); var keyname = tr.insertCell();
keyvalue = document.createTextNode(Object.keys(keyColors[index])[i]); keyvalue = document.createTextNode(Object.keys(keyColors[index])[i]);
keyname.appendChild(keyvalue); keyname.appendChild(keyvalue);
keyname.className = "keyvalue";
}; };
get("sidebar")[0].appendChild(tbl); get("key").appendChild(tbl);
} }