improved blob image design ・ 9172947 ・ Gitprep

+1 -1

templates/blob.html.ep

@@ -72,7 +72,7 @@
       </div>
     </div>
     % if ($mimetype =~ m#^image/#) {
-      <div>
+      <div style="background:#ddd;text-align:center;padding-top:30px;padding-bottom:30px;margin-bottom:30px">
         <img type="<%= $mimetype %>
           % if (defined $file) {
             alt="<%= $file %>" title="<%= $file %>"

+12 -5

templates/include/blobdiff_body.html.ep

View

@@ -26,11 +26,18 @@
       % my $class = $line->{class};
       % my $value = $line->{value};
       % if ($class eq 'binary_file') {
-        Binary files
-        <a href="<%= url_for("/$user/$project/blob/$from_id/$file") %>">a/<%= $file %></a>
-        and
-        <a href="<%= url_for("/$user/$project/blob/$id/$file") %>">b/<%= $file %></a>
-        differ
+        <div class="border-gray" style="border-top:none;background:#ddd;text-align:center;padding-top:30px;padding-bottom:30px">
+          % if ($status ne 'A') {
+            <a href="<%= url_for("/$user/$project/blob/$from_id/$file") %>">
+              <img src="<%= url_for("/$user/$project/raw/$from_id/$file") %>" style="border:1px solid red;padding:1px;margin-right:20px">
+            </a>
+          % }
+          % if ($status ne 'D') {
+            <a href="<%= url_for("/$user/$project/blob/$id/$file") %>">
+              <img src="<%= url_for("/$user/$project/raw/$id/$file") %>" style="border:1px solid green;padding:1px;margin-left:20px">
+            </a>
+          % }
+        </div>
         % last;
       % } else {
         <%

...	...	@@ -72,7 +72,7 @@
72	72	</div>
73	73	</div>
74	74	% if ($mimetype =~ m#^image/#) {
75		- <div>
	75	+ <div style="background:#ddd;text-align:center;padding-top:30px;padding-bottom:30px;margin-bottom:30px">
76	76	<img type="<%= $mimetype %>
77	77	% if (defined $file) {
78	78	alt="<%= $file %>" title="<%= $file %>"

...	...	@@ -26,11 +26,18 @@
26	26	% my $class = $line->{class};
27	27	% my $value = $line->{value};
28	28	% if ($class eq 'binary_file') {
29		- Binary files
30		- <a href="<%= url_for("/$user/$project/blob/$from_id/$file") %>">a/<%= $file %></a>
31		- and
32		- <a href="<%= url_for("/$user/$project/blob/$id/$file") %>">b/<%= $file %></a>
33		- differ
	29	+ <div class="border-gray" style="border-top:none;background:#ddd;text-align:center;padding-top:30px;padding-bottom:30px">
	30	+ % if ($status ne 'A') {
	31	+ <a href="<%= url_for("/$user/$project/blob/$from_id/$file") %>">
	32	+ <img src="<%= url_for("/$user/$project/raw/$from_id/$file") %>" style="border:1px solid red;padding:1px;margin-right:20px">
	33	+ </a>
	34	+ % }
	35	+ % if ($status ne 'D') {
	36	+ <a href="<%= url_for("/$user/$project/blob/$id/$file") %>">
	37	+ <img src="<%= url_for("/$user/$project/raw/$id/$file") %>" style="border:1px solid green;padding:1px;margin-left:20px">
	38	+ </a>
	39	+ % }
	40	+ </div>
34	41	% last;
35	42	% } else {
36	43	<%