Several æesthetical improvements
authorGabriel Pérez-Cerezo <gabriel@gpcf.eu>
Mon, 10 Oct 2016 19:21:53 +0000 (21:21 +0200)
committerGabriel Pérez-Cerezo <gabriel@gpcf.eu>
Mon, 10 Oct 2016 19:21:53 +0000 (21:21 +0200)
gitweb.cgi
static/gitweb.css

index 706f7e2..b8de05c 100755 (executable)
@@ -2092,11 +2092,12 @@ sub format_ref_marker {
                                        hash=>$dest
                                )}, $name);
 
-#                      $markers .= " <span class=\"".esc_attr($class)."\" title=\"".esc_attr($ref)."\">" .
-                       #                               $link . "</span>";
-                       $markers .= '<span class="octicon octicon-git-branch"></span>' . $link
-               }
-       }
+                       $markers .= " <span
+               class=\"".esc_attr($class)."\"
+               title=\"".esc_attr($ref)."\">" . '<span class="octicon
+               octicon-git-branch"></span>'.$link . "</span>";
+                     }
+             }
 
        if ($markers) {
          return ' <span class="refs">'. $markers . '</span>';
@@ -4116,7 +4117,7 @@ sub print_search_form {
              $cgi->popup_menu(-name => 'st', -default => 'commit',
                               -values => ['commit', 'grep', 'author', 'committer', 'pickaxe']) .
              " " . $cgi->a({-href => href(action=>"search_help"),
-                            -title => "search help" }, "?") . " search:\n",
+                            -title => "search help" }, "?") . " Search:\n",
              $cgi->textfield(-name => "s", -value => $searchtext, -override => 1) . "\n" .
              "<span title=\"Extended regular expression\">" .
              $cgi->checkbox(-name => 'sr', -value => 1, -label => 're',
@@ -4181,7 +4182,23 @@ EOF
        my $have_search = gitweb_check_feature('search');
        if (defined $project && $have_search) {
                print_search_form();
+             }
+       if (defined $project) {
+         my $url_tag = "URL";
+         my @url_list = git_get_project_url_list($project);
+         @url_list = map { "$_/$project" } @git_base_url_list unless @url_list;
+         print "<table class=\"cloneurl\" >";
+         foreach my $git_url (@url_list) {
+           next unless $git_url;
+           if ( $url_tag == "URL" ) {
+             $url_tag = "Clone URL";
+           }
+           print format_repo_url('<span class="octicon octicon-cloud-download"></span> '.$url_tag, $git_url);
+           $url_tag = "";
+         }
+         print "</table>";
        }
+
 }
 
 sub git_footer_html {
@@ -4387,7 +4404,6 @@ sub format_paging_nav {
        } else {
                $paging_nav .= "first &sdot; prev";
        }
-
        if ($has_next_link) {
                $paging_nav .= " &sdot; " .
                        $cgi->a({-href => href(-replay=>1, page=>$page+1),
@@ -7194,19 +7210,6 @@ sub git_tree {
        my $ref = format_ref_marker($refs, $hash_base);
        git_header_html();
        my $basedir = '';
-       my $url_tag = "URL";
-       my @url_list = git_get_project_url_list($project);
-       @url_list = map { "$_/$project" } @git_base_url_list unless @url_list;
-       print "<table class=\"cloneurl\" >";
-       foreach my $git_url (@url_list) {
-         next unless $git_url;
-         if ( $url_tag == "URL" ) {
-           $url_tag = "Clone URL";
-         }
-         print format_repo_url('<span class="octicon octicon-cloud-download"></span> '.$url_tag, $git_url);
-         $url_tag = "";
-       }
-       print "</table>";
        my %co;
        if ( defined $hash_base ) {
                my @views_nav = ();
@@ -7235,7 +7238,7 @@ sub git_tree {
                if (%co) {
                  git_heads_nav(\@headslist, $co{id}, undef, undef, undef, 'tree'); # Print list of branches
                }
-               git_print_header_div('commit', esc_html($co{'title'}) . $ref, $hash_base);
+               git_print_header_div('commit', esc_html($co{'title'}) , $hash_base, undef, $ref);
        } else {
                undef $hash_base;
                print "<div class=\"page_nav\">\n";
@@ -7249,7 +7252,7 @@ sub git_tree {
                }
                git_print_page_path($file_name, 'tree', $hash_base);
              }
-       print "<hr/><div class=\"page_body\">\n";
+       print "<div class=\"page_body\">\n";
        print "<table class=\"tree\">\n";
        my $alternate = 1;
        # '..' (top directory) link if possible
index 22e081f..2c82a72 100644 (file)
@@ -1,6 +1,6 @@
-
+@import url('font/octicons.css');
 body {
-       font-family: sans-serif;
+       font-family: sans-serif; 
        font-size: small;
        border: solid #d9d8d1;
        border-width: 1px;
@@ -58,26 +58,29 @@ div.page_header {
 }
 
 div.page_header a:visited, a.header {
-       color: #0000cc;
+       color: #00aa00;
 }
 
+div.branches_nav a:visited {
+    color: #00aa00;
+}
 div.page_header a:hover {
        color: #880000;
 }
 
-div.page_nav, div.page_nav_extra {
+div.page_nav, div.page_nav_extra, div.branches_nav {
     padding: 8px;
 }
-div.page_nav {
+div.page_nav, div.branches_nav {
     border-bottom: 1px solid #000;
     padding-bottom: 0px;
 }
 
-div.page_nav a:visited, div.page_nav_extra a:visited {
-       color: #0000cc;
+div.page_nav a:visited, div.page_nav_extra a:visited, div.page_nav a, div.page_nav_extra {
+       color: #00aa00;
                        }
 
-div.page_nav a, div.page_nav .current {
+div.page_nav a, div.page_nav .current, div.branches_nav a, div.branches_nav .current {
     display: inline-block;
     padding: 6px;
     margin: 1px;
@@ -85,17 +88,20 @@ div.page_nav a, div.page_nav .current {
     border-radius: 4px 4px 0 0;
 }
 
-div.page_nav a {
+div.page_nav a, div.branches_nav a {
     background: #eee;
     border: 1px solid #000;
     outline: 0;
 }
-div.page_nav a:hover {
+div.page_nav a:hover, div.branches_nav a:hover {
     text-decoration: none;
-    background: #fef;
+    background: #efe;
 }
 
-div.page_nav .current {
+
+
+
+div.page_nav .current, div.branches_nav .current {
     background: #fff;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
@@ -404,33 +410,33 @@ table.blame td.age0 {
        font-weight: bold;
 }
 
-table.heads {
-    display: none;
-    width: 100%;
-    min-height: 30px;
-    margin: 0px;
-    background: #090;
-    color: white;
-}
+/* table.heads { */
+/*     display: none; */
+/*     width: 100%; */
+/*     min-height: 30px; */
+/*     margin: 0px; */
+/*     background: #090; */
+/*     color: white; */
+/* } */
 
-table.heads .list {
-    color: white
-}
+/* table.heads .list { */
+/*     color: white */
+/* } */
 
 
-table.heads tr.dark {
-    padding: 0.4em;
-    background: #080;
-}
-table.heads tr.light {
-    padding: 0.4em;
-    background: #090;
-}
+/* table.heads tr.dark { */
+/*     padding: 0.4em; */
+/*     background: #080; */
+/* } */
+/* table.heads tr.light { */
+/*     padding: 0.4em; */
+/*     background: #090; */
+/* } */
 
 
-.header:hover + table.heads, table.heads:hover {
-        display: block;
-}
+/* .header:hover + table.heads, table.heads:hover { */
+/*      display: block; */
+/* } */
 
 td.pre, div.pre, div.diff {
        font-family: monospace;
@@ -652,12 +658,9 @@ a.rss_logo.generic:hover {
 }
 
 span.refs span {
-       padding: 0px 4px;
-       font-size: 70%;
+       padding: 3px 4px;
+       font-size: 90%;
        font-weight: normal;
-       border: 1px solid;
-       background-color: #ffaaff;
-       border-color: #ffccff #ff00ee #ff00ee #ffccff;
 }
 
 span.refs span a {
@@ -739,13 +742,24 @@ div.remote {
 }
 
 div.heads a::before {
-    content: "▼";
+    content: "ᛘ ";
+    font-size: 25px;
+    padding-top: -2px;
+    padding-bottom: -2px;
     margin-right: 3px;
 }
-div.heads:hover a::before {
-    content: "▶";
-    margin-right: 4px;
-}
+
+/* div.branches_nav a::before, div.branches_nav .current::before { */
+/*     content: "ᛘ"; */
+/*     margin-right: 3px; */
+/*     font-size: 20px; */
+/*     margin-top: -4px; */
+/*     margin-bottom: -4px; */
+/* } */
+/* div.heads:hover a::before { */
+/*     content: "▶"; */
+/*     margin-right: 4px; */
+/* } */
 
 div.heads a {
     background: #0a0;