diff --git a/application/views/request/view.xhtml b/application/views/request/view.xhtml index 9e22c6cc616e93107071cad3406061b1cd24cd45..05327aa8cdd24b2a96366f11dd187c2836f099cf 100644 --- a/application/views/request/view.xhtml +++ b/application/views/request/view.xhtml @@ -90,7 +90,7 @@ <div id="comments"> <div class="tabBar"> - <a href="#" id="commentsTab">Comments</a> + <a href="#" id="commentsTab" class="selected">Comments</a> <a href="#" id="editorCommentsTab">Editor Comments</a> <a href="#" id="privateCommentsTab">Private Comments</a> </div> diff --git a/document_root/css/request/view.oss b/document_root/css/request/view.oss index 0e197dda1e3d232ab4b8b83f61f80cad8964e8d6..06f55f1b07689bc35a9bfbbdb4dab660e9809018 100644 --- a/document_root/css/request/view.oss +++ b/document_root/css/request/view.oss @@ -68,7 +68,12 @@ div#comments { } a:hover { - color: #f00; + color: #c00; + } + + a.selected { + color: #c00; + background-color: #222; } } diff --git a/document_root/javascript/request/view.js b/document_root/javascript/request/view.js index b0d01824750ec0b3622268c745c1fb30fb79f584..f458b12db20e6fd753ac160c405f074e49e44e83 100644 --- a/document_root/javascript/request/view.js +++ b/document_root/javascript/request/view.js @@ -17,10 +17,20 @@ function viewRequestSelectTab() var editorCommentsContent = document.getElementById('editorCommentsContent'); var privateCommentsContent = document.getElementById('privateCommentsContent'); + var commentsTab = document.getElementById('commentsTab'); + var editorCommentsTab = document.getElementById('editorCommentsTab'); + var privateCommentsTab = document.getElementById('privateCommentsTab'); + commentsContent.style.display = 'none'; editorCommentsContent.style.display = 'none'; privateCommentsContent.style.display = 'none'; + commentsTab.className = ''; + editorCommentsTab.className = ''; + privateCommentsTab.className = ''; + + this.className = 'selected'; + if (this.id == 'commentsTab') { commentsContent.style.display = 'block'; } else if (this.id == 'editorCommentsTab') {