Fixes #732: Add a menu to /channelcomparison (#785)

Author: TheoChevalier

app/views/channelcomparison.php

@@ -38,12 +38,22 @@
     </fieldset>
 </form>
 
+<div class="content_menu">
+    <h3>Available views</h3>
+    <div>
+        <ul>
+            <li><a href="#modified_strings">Modified strings</a></li>
+            <li><a href="#new_strings">Added strings</a></li>
+        </ul>
+    </div>
+</div>
+
 <?php if (empty($common_strings)) : ?>
 <h3>Comparison is empty</h3>
 <p class='subtitle'>There are no string differences for this locale between the <?=$repos_nice_names[$chan1]?> and <?=$repos_nice_names[$chan2]?> channels.</p>
 
 <?php else: ?>
-<h3>Locale: <?=$locale?></h3>
+<h3 id="modified_strings">Modified strings in <em><?=$locale?></em> between <?=$repos_nice_names[$chan1]?> and <?=$repos_nice_names[$chan2]?></h3>
 <table class='collapsable sortable' id='modified_strings_table'>
     <thead>
         <tr class='column_headers'>

web/style/transvision.css

@@ -336,7 +336,7 @@ th.select_header {
 th.select_header a {
     position: absolute;
     color: #fff;
-    background-color: #1c75bc;
+    background-color: #0095dd;
     right: 5px;
     top: 8px;
     font-weight: normal;
@@ -890,6 +890,24 @@ input[type="checkbox"]:disabled + label {
     top: -2px;
 }
 
+/* Menu to navigate through page content */
+.content_menu {
+    margin: 0 auto 15px auto;
+    text-align: center;
+}
+
+.content_menu > div {
+    display: inline-block;
+    text-align: left;
+    padding-left: 15px;
+    margin-bottom: 15px;
+}
+
+.content_menu ul {
+    padding: 0;
+    margin: 0;
+}
+
 /* Translation Consistency view */
 .inconsistent_translation {
     margin: 0 0 10px 0;