The following commit has been merged in the master branch: commit 54e009d31680ecb5fc904048f699eacb07b1008d Author: Ole Streicher <deb...@liska.ath.cx> Date: Thu Dec 17 11:15:07 2015 +0100
Use symbol and <a> title to hint details toggle diff --git a/webtools/templates/packages.xhtml b/webtools/templates/packages.xhtml index 54240e4..816c4fc 100644 --- a/webtools/templates/packages.xhtml +++ b/webtools/templates/packages.xhtml @@ -99,7 +99,11 @@ dl.pkgdesc > dd::after { width: 1px; white-space: nowrap; } -.pkgdesc-short a:hover:not(:link):not(:visited) { +.pkgdesc-short td:first-child { + padding-left: 0.4em; + padding-right: 0; +} +a:hover:not(:link):not(:visited) { color: grey; } tr.alternate-color { @@ -196,6 +200,12 @@ function show_fulldesc(hash) { </p> </div><!-- end header --> <div id="content"> + <small><p> + <ul class="ul-inline"> + <li><a href="#all" onclick="show_fulldesc('#all');">Show all details</a></li> + <li><a href="#" onclick="show_fulldesc('#');">Hide all details</a></li> + </ul> + </p></small> <h1> $projectname ${tasks[task].metapkg.PrintedName.capitalize()} packages </h1> @@ -223,15 +233,10 @@ function show_fulldesc(hash) { ${tasks[task].metapkg.desc['en']['long']} </py:otherwise> </py:choose> - <ul class="desc-inline"> - <li>For details of one package, click on package name or description</li> - <li><a href="#all" onclick="show_fulldesc('#all');">Show all details</a></li> - <li><a href="#" onclick="show_fulldesc('#');">Hide all details</a></li> - </ul> <table width="90%"> <py:for each="pstatus in dependencies[task]"> <tr> - <td colspan="3" class="fullwidth"> + <td colspan="4" class="fullwidth"> <h2> <a id="${pstatus}-debs" name="${pstatus}-debs"/> ${headline[pstatus]} @@ -249,15 +254,24 @@ function show_fulldesc(hash) { </td> </tr> <tr class="header"> + <th></th> <th>Package</th> <th>Version</th> <th>Description</th> </tr> <py:for each="line, project in enumerate(projects[task][pstatus])"> <tr id="${project.pkg}.short" - class="pkgdesc-short ${'alternate-color' if line % 2 == 1 else ''}"> + class="pkgdesc-short ${'alternate-color' if line % 2 == 1 + else ''}"> + <td> + <a onclick="toggle_visibility('${project.pkg}');" + style="cursor:pointer;" title="Click to toggle details"> + ▾ + </a> + </td> <td style="text-transform:capitalize;"> - <a onclick="toggle_visibility('${project.pkg}');" style="cursor:pointer;"> + <a onclick="toggle_visibility('${project.pkg}');" + style="cursor:pointer;" title="Click to toggle details"> ${project.pkg} </a> </td> @@ -309,7 +323,7 @@ function show_fulldesc(hash) { </tr> <tr id="${project.pkg}" style="display:none;" class="pkgdesc-full ${'alternate-color' if line % 2 == 1 else ''}"> - <td colspan="3"> + <td colspan="4"> <h3> ${project.pkg.capitalize()}: <py:choose> @@ -580,7 +594,7 @@ function show_fulldesc(hash) { </tr> </py:for> </py:for> - <tr><td colspan="3" class="fullwidth" /></tr> + <tr><td colspan="4" class="fullwidth" /></tr> </table> </div> <div id="footer"> -- Static and dynamic websites for Debian Pure Blends _______________________________________________ Blends-commit mailing list Blends-commit@lists.alioth.debian.org http://lists.alioth.debian.org/cgi-bin/mailman/listinfo/blends-commit