From: Frank Lichtenheld <frank@lichtenheld.de>
Date: Sun, 9 Sep 2007 12:28:55 +0000 (+0200)
Subject: html/show.tmpl: Improve the dependency legend
X-Git-Url: https://git.deb.at/w?a=commitdiff_plain;h=cfd901631e57f7184e96c132817cbb4de0fd7929;p=deb%2Fpackages.git

html/show.tmpl: Improve the dependency legend

Suggested by MJ Ray <mjr -at- phonecoop coop>

Directly imitate the dependency listing in the legend
by using <ul><li> inside the table cells. This makes the
legend autoadjust to any changes in the CSS for the dependency
listing and mirrors the appearance completly.
---

diff --git a/static/packages.css.sed.in b/static/packages.css.sed.in
index bf44d3d..9e09dd8 100644
--- a/static/packages.css.sed.in
+++ b/static/packages.css.sed.in
@@ -84,6 +84,10 @@ h1 {
 	list-style-type: none;
 }
 
+#pdeps table ul {
+	margin: 0;
+}
+
 #pdeps ul.uldep, #pdeps ul.uladep {
 	list-style-type: disc;
 	list-style-image: url(http://%SITE%/Pics/dep.gif);
diff --git a/templates/html/show.tmpl b/templates/html/show.tmpl
index 7c7dd17..1d9f655 100644
--- a/templates/html/show.tmpl
+++ b/templates/html/show.tmpl
@@ -219,12 +219,12 @@ Do not install it on a normal Debian system.</p>
 
     <table id="pdeplegend" class="visual" summary="legend"><tr>
     [% IF is_source %]
-    <td><img src="/Pics/adep.gif" alt="[adep]" width="16" height="16">= build-depends</td>
-    <td><img src="/Pics/idep.gif" alt="[idep]" width="16" height="16">= build-depends-indep</td>
+    <td><ul class="uladep"><li>build-depends</li></ul></td>
+    <td><ul class="ulidep"><li>build-depends-indep</li></ul></td>
     [% ELSE %]
-    <td><img src="/Pics/dep.gif" alt="[dep]" width="16" height="16">= depends</td>
-    <td><img src="/Pics/rec.gif" alt="[rec]" width="16" height="16">= recommends</td>
-    <td><img src="/Pics/sug.gif" alt="[sug]" width="16" height="16">= suggests</td>
+    <td><ul class="uldep"><li>depends</li></ul></td>
+    <td><ul class="ulrec"><li>recommends</li></ul></td>
+    <td><ul class="ulsug"><li>suggests</li></ul></td>
     [% END %]
     </tr></table>
   [%- END %]