Make it more obvious which tab the user is viewing

bug/bundler_fix
wchen-r7 2016-02-18 17:59:45 -06:00
parent 4fc7008561
commit 7444a0ff04
2 changed files with 23 additions and 2 deletions

View File

@ -3,11 +3,23 @@
<% unless kb.empty? %>
<script>
function showBasic() {
var basic_info_button = document.getElementById('basic_info_button');
basic_info_button.style.borderColor = "#ccc";
basic_info_button.style.color = "#333";
var knowledge_base_button = document.getElementById('knowledge_base_button');
knowledge_base_button.style.borderColor = "#EEEEEE";
knowledge_base_button.style.color = "#C4C4C4";
document.getElementById('knowledge_base').style.display = "none";
document.getElementById('basic_info').style.display = "inline";
}
function showKnowledge() {
var basic_info_button = document.getElementById('basic_info_button');
basic_info_button.style.borderColor = "#EEEEEE";
basic_info_button.style.color = "#C4C4C4";
var knowledge_base_button = document.getElementById('knowledge_base_button');
knowledge_base_button.style.borderColor = "#ccc";
knowledge_base_button.style.color = "#333";
document.getElementById('basic_info').style.display = "none";
document.getElementById('knowledge_base').style.display = "inline";
}
@ -25,7 +37,7 @@
<div id="basic_info_button" onClick="showBasic()">Basic Information</a>
</th>
<th>
<div id="Knowledge_base_button" onClick="showKnowledge()">Knowledge Base</a>
<div id="knowledge_base_button" onClick="showKnowledge()">Knowledge Base</a>
</th>
</tr></table>
<p></p>

View File

@ -116,7 +116,7 @@ pre code {
margin:10px auto;
}
}
#basic_info_button, #knowledge_base_button {
#basic_info_button {
font-family:Arial, sans-serif;
font-size:12px;
padding:10px 5px;
@ -125,6 +125,15 @@ pre code {
border-color:#ccc;
color:#333;
}
#knowledge_base_button {
font-family:Arial, sans-serif;
font-size:12px;
padding:10px 5px;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;
color:#C4C4C4;
}
#basic_info_button:hover, #knowledge_base_button:hover {
cursor: pointer;
}