fixed order of tabs

This commit is contained in:
Kenneth Jao 2016-07-16 01:50:05 +08:00
parent 9c1662eb72
commit 34c273c2d2
2 changed files with 18 additions and 18 deletions

View File

@ -18,7 +18,20 @@
</div>
</div>
<div class="pulltab second"><p class="tDesc">Settings</p></div>
<div class="pulltab second"><p class="tDesc">Tools</p></div>
<div class="sidebar tools">
<i class="fa fa-close"></i>
<form>
Reactants:
<input type="text" class="reactant">
Products:
<input type="test" class="product">
</form>
<p id="balancebutton">Balance!</p>
<div class="balanceholder"><input type="text" class="balanceout" readonly></div>
</div>
<div class="pulltab third"><p class="tDesc">Settings</p></div>
<div class="sidebar settings">
<i class="fa fa-close"></i>
<div class="setting">
@ -55,19 +68,6 @@
</div>
</div>
<div class="pulltab third"><p class="tDesc">Tools</p></div>
<div class="sidebar tools">
<i class="fa fa-close"></i>
<form>
Reactants:
<input type="text" class="reactant">
Products:
<input type="test" class="product">
</form>
<p id="balancebutton">Balance!</p>
<div class="balanceholder"><input type="text" class="balanceout" readonly></div>
</div>
<div class="workspace"></div>
</body>
<script type='text/javascript'>

View File

@ -1,14 +1,14 @@
get("pulltab")[0].onclick = function(){open(get("elements"));}
get("pulltab")[1].onclick = function(){open(get("settings"));}
get("pulltab")[2].onclick = function(){open(get("tools"));}
get("pulltab")[1].onclick = function(){open(get("tools"));}
get("pulltab")[2].onclick = function(){open(get("settings"));}
get("fa")[0].onclick = function() {
get("elements").style.marginLeft = "-150%";
}
get("fa")[1].onclick = function() {
get("settings").style.marginLeft = "-40%";
get("tools").style.marginLeft = "-170%";
}
get("fa")[2].onclick = function() {
get("tools").style.marginLeft = "-170%";
get("settings").style.marginLeft = "-40%";
}
function open(dom) {