[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

Bug#781564: release-notes: improve the rendering of tables in the html documentation



Package: release-notes
Severity: minor
Tags: patch

An equivalent to the new CSS for the html release notes documentation
has been pushed to the html installation guide documentation. A little
improvement has been done in the table rendering on the installation
guide. I think it would be nice to include the same one on the release
notes.

You can compare temporary demos on release notes:
current version:
http://stephane.yaal.fr/tmp/release-notes.amd64.html.icons/ch-whats-new.en.html
new version: http://stephane.yaal.fr/tmp/release-notes.amd64.html.tables/ch-whats-new.en.html

(See the table in the middle of the page.)

If you like it, there is a patch to apply it attached to this message.
It's an `svn diff`, based on revision #10681.

There is no other works about CSS planned on the installation guide or
the release notes documentation. So I think it's really the last one.


Regards
-- 
Stéphane
Index: debian.css
===================================================================
--- debian.css	(révision 10681)
+++ debian.css	(copie de travail)
@@ -1,4 +1,4 @@
-/* Cascading stylesheet for the Debian Installer Installation Guide */
+/* Cascading stylesheet for the Debian Release Notes */
 
 /* global style of the page */
 body {
@@ -116,20 +116,26 @@
 /* table in content */
 
 .informaltable table {
-    border: 1px solid #AAAAAA;
+    border-collapse: collapse;
 }
 
 .informaltable table th {
-    border-width: 0;
     background-color: #C70036;
+    border: 1px solid black;
+    padding: 0.2em 0.5em 0.2em 0.5em;
 }
 
 .informaltable table td {
-    border-width: 0;
+    border: 1px solid black;
+    padding: 0.2em 0.5em 0.2em 0.5em;
 }
 
+.informaltable table th:hover {
+    color: white;
+}
+
 .informaltable tbody tr:nth-child(even) {
-background-color:#DDDDDD;
+    background-color:#DDDDDD;
 }
 
 .informaltable tbody tr:hover {
@@ -138,7 +144,6 @@
 }
 
 
-
 /* Terminal examples */
 pre.screen {
     -moz-tab-size: 4;

Reply to: