Make it more obvious which tab the user is viewing
parent
4fc7008561
commit
7444a0ff04
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue