Fix formatting of attribute table.
authorCameron McCormack <cam@mcc.id.au>
Sat, 18 Aug 2012 16:58:55 +1000
changeset 268 f333a8391056
parent 267 b818dcf25922
child 269 f1ea6cb50be0
Fix formatting of attribute table.
master/attindex.html
master/style/default_svg.css
--- a/master/attindex.html	Sat Aug 18 16:44:31 2012 +1000
+++ b/master/attindex.html	Sat Aug 18 16:58:55 2012 +1000
@@ -33,19 +33,27 @@
 The table below lists the presentation attributes and the elements on which
 they may be specified.</p>
 
-<table class='vert property-table' summary='List of presentation attributes and the elements on which they may be specified'>
-  <tr>
-    <th>Presentation attributes</th>
-    <th>Elements on which the attributes may be specified</th>
-  </tr>
-  <tr>
-    <td>
-      <edit:attributecategory name='presentation'/>
-    </td>
-    <td>
-      <edit:elementswithattributecategory name='presentation'/>
-    </td>
-  </tr>
+<p class="issue">Since the plan is to allow all SVG elements to be stylable,
+we will likely allow all presentation attributes on all SVG elements, and this
+table can then be removed.</p>
+
+<table class='proptable attrtable' summary='List of presentation attributes and the elements on which they may be specified'>
+  <thead>
+    <tr>
+      <th>Presentation attributes</th>
+      <th>Elements on which the attributes may be specified</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <th>
+        <edit:attributecategory name='presentation' omitquotes='yes'/>
+      </th>
+      <td>
+        <edit:elementswithattributecategory name='presentation' omitquotes='yes'/>
+      </td>
+    </tr>
+  </tbody>
 </table>
 
 </body>
--- a/master/style/default_svg.css	Sat Aug 18 16:44:31 2012 +1000
+++ b/master/style/default_svg.css	Sat Aug 18 16:58:55 2012 +1000
@@ -319,3 +319,7 @@
 .proptable tbody th + td {
   min-width: 15em;
 }
+
+table.attrtable tbody td:first-child { white-space: normal }
+.attrtable tbody td, .attrtable tbody th { vertical-align: baseline }
+.attrtable thead th:first-child + th, .attrtable tbody th + td { text-align: left }