[Blends-commit] [SCM] website branch, master, updated. 363a89cb8c1121c8f737dfb96526466df2ad3817

[Ole Streicher]

The following commit has been merged in the master branch:
commit 54e009d31680ecb5fc904048f699eacb07b1008d
Author: Ole Streicher <debian at 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