Replaced all uses of the 'nowrap' attribute with its CSS equivalent:

'white-space: nowrap;'.

Author: Johannes Gijsbers

doc/customizing.txt

@@ -2,7 +2,7 @@
 Customising Roundup
 ===================
 
-:Version: $Revision: 1.100 $
+:Version: $Revision: 1.101 $
 
 .. This document borrows from the ZopeBook section on ZPT. The original is at:
    http://www.zope.org/Documentation/Books/ZopeBook/current/ZPT.stx
@@ -1866,35 +1866,35 @@ template)::
 
  <table class="form">
  <tr>
-  <th nowrap>Title</th>
+  <th>Title</th>
   <td colspan="3" tal:content="structure python:context.title.field(size=60)">title</td>
  </tr>
 
  <tr>
-  <th nowrap>Priority</th>
+  <th>Priority</th>
   <td tal:content="structure context/priority/menu">priority</td>
-  <th nowrap>Status</th>
+  <th>Status</th>
   <td tal:content="structure context/status/menu">status</td>
  </tr>
 
  <tr>
-  <th nowrap>Superseder</th>
+  <th>Superseder</th>
   <td>
    <span tal:replace="structure python:context.superseder.field(showid=1, size=20)" />
    <span tal:replace="structure python:db.issue.classhelp('id,title')" />
    <span tal:condition="context/superseder">
     <br>View: <span tal:replace="structure python:context.superseder.link(showid=1)" />
    </span>
   </td>
-  <th nowrap>Nosy List</th>
+  <th>Nosy List</th>
   <td>
    <span tal:replace="structure context/nosy/field" />
    <span tal:replace="structure python:db.user.classhelp('username,realname,address,phone')" />
   </td>
  </tr>
 
  <tr>
-  <th nowrap>Assigned To</th>
+  <th>Assigned To</th>
   <td tal:content="structure context/assignedto/menu">
    assignedto menu
   </td>
@@ -1903,14 +1903,14 @@ template)::
  </tr>
 
  <tr>
-  <th nowrap>Change Note</th>
+  <th>Change Note</th>
   <td colspan="3">
    <textarea name=":note" wrap="hard" rows="5" cols="60"></textarea>
   </td>
  </tr>
 
  <tr>
-  <th nowrap>File</th>
+  <th>File</th>
   <td colspan="3"><input type="file" name=":file" size="40"></td>
  </tr>
 
@@ -2341,7 +2341,7 @@ will be the "name" variable of the current context (which is
 to the form, a new category will be created with that name::
 
     <tr>
-     <th nowrap>Name</th>
+     <th>Name</th>
      <td tal:content="structure python:context.name.field(size=60)">
      name</td>
     </tr>
@@ -2379,7 +2379,7 @@ So putting it all together, and closing the table and form we get::
      <tr><th class="header" colspan="2">Category</th></tr>
 
      <tr>
-      <th nowrap>Name</th>
+      <th>Name</th>
       <td tal:content="structure python:context.name.field(size=60)">
       name</td>
      </tr>
@@ -2414,7 +2414,7 @@ Just like ``category.issue.html`` this file defines a form which has a
 table to lay things out. It doesn't matter where in the table we add new
 stuff, it is entirely up to your sense of aesthetics::
 
-   <th nowrap>Category</th>
+   <th>Category</th>
    <td><span tal:replace="structure context/category/field" />
        <span tal:replace="structure db/category/classhelp" />
    </td>
@@ -2578,12 +2578,12 @@ issues to. You can do this by following these steps:
 4. in the ``issue.item.html`` template, change the status editing bit
    from::
 
-    <th nowrap>Status</th>
+    <th>Status</th>
     <td tal:content="structure context/status/menu">status</td>
 
    to::
 
-    <th nowrap>Status</th>
+    <th>Status</th>
     <td>
      <select tal:condition="context/id" name="status">
       <tal:block tal:define="ok context/status/transitions"
@@ -2613,7 +2613,7 @@ Alter the issue.item template section for messages to::
    <td><a tal:attributes="href string:msg${msg/id}"
           tal:content="string:msg${msg/id}"></a></td>
    <td tal:content="msg/author">author</td>
-   <td nowrap tal:content="msg/date/pretty">date</td>
+   <td class="date" tal:content="msg/date/pretty">date</td>
    <td tal:content="msg/summary">summary</td>
    <td>
     <a tal:attributes="href string:?@remove@messages=${msg/id}&@action=edit">
@@ -2720,11 +2720,11 @@ Setting up a "wizard" (or "druid") for controlled adding of issues
 
     <tal:block tal:condition="python:cat in '6 10 13 14 15 16 17'.split()">
      <tr>
-      <th nowrap>Operating System</th>
+      <th>Operating System</th>
       <td tal:content="structure context/os/field"></td>
      </tr>
      <tr>
-      <th nowrap>Web Browser</th>
+      <th>Web Browser</th>
       <td tal:content="structure context/browser/field"></td>
      </tr>
     </tal:block>
@@ -2931,7 +2931,7 @@ be able to give a summary of the total time spent on a particular issue.
    field to capture a new timelog item's perdiod::
 
     <tr> 
-     <th nowrap>Time Log</th> 
+     <th>Time Log</th> 
      <td colspan=3><input type="text" name="timelog-1@period" /> 
       <br />(enter as '3y 1m 4d 2:40:02' or parts thereof) 
      </td> 
@@ -3189,7 +3189,7 @@ that shows either one or the other. We'll use a new form variable,
     <td><a tal:attributes="href string:msg${msg/id}"
            tal:content="string:msg${msg/id}"></a></td>
     <td tal:content="msg/author">author</td>
-    <td nowrap tal:content="msg/date/pretty">date</td>
+    <td class="date" tal:content="msg/date/pretty">date</td>
     <td tal:content="msg/summary">summary</td>
     <td>
      <a tal:attributes="href string:?@remove@messages=${msg/id}&@action=edit">remove</a>
@@ -3206,7 +3206,7 @@ that shows either one or the other. We'll use a new form variable,
    <tal:block tal:repeat="msg context/messages">
     <tr>
      <th tal:content="msg/author">author</th>
-     <th nowrap tal:content="msg/date/pretty">date</th>
+     <th class="date" tal:content="msg/date/pretty">date</th>
      <th style="text-align: right">
       (<a tal:attributes="href string:?@remove@messages=${msg/id}&@action=edit">remove</a>)
      </th>
@@ -3242,7 +3242,7 @@ resolved. To achieve this:
 2. Add the new "blockers" property to the issue.item edit page, using
    something like::
 
-    <th nowrap>Waiting On</th>
+    <th>Waiting On</th>
     <td>
      <span tal:replace="structure python:context.blockers.field(showid=1,
                                   size=20)" />

templates/classic/html/issue.index.html

@@ -37,9 +37,9 @@ <h2>List of issues</h2>
    <td tal:condition="request/show/priority"
        tal:content="python:i.priority.plain() or default">&nbsp;</td>
    <td tal:condition="request/show/id" tal:content="i/id">&nbsp;</td>
-   <td nowrap tal:condition="request/show/creation"
+   <td class="date" tal:condition="request/show/creation"
        tal:content="i/creation/reldate">&nbsp;</td>
-   <td nowrap tal:condition="request/show/activity"
+   <td class="date" tal:condition="request/show/activity"
        tal:content="i/activity/reldate">&nbsp;</td>
    <td tal:condition="request/show/topic"
        tal:content="python:i.topic.plain() or default">&nbsp;</td>

templates/classic/html/issue.item.html

@@ -28,19 +28,19 @@ <h2>
 
 <table class="form">
 <tr>
- <th class="required" nowrap>Title</th>
+ <th class="required">Title</th>
  <td colspan=3 tal:content="structure python:context.title.field(size=60)">title</td>
 </tr>
 
 <tr>
- <th class="required" nowrap>Priority</th>
+ <th class="required">Priority</th>
  <td tal:content="structure context/priority/menu">priority</td>
- <th nowrap>Status</th>
+ <th>Status</th>
  <td tal:content="structure context/status/menu">status</td>
 </tr>
 
 <tr>
- <th nowrap>Superseder</th>
+ <th>Superseder</th>
  <td>
   <span tal:replace="structure python:context.superseder.field(showid=1, size=20)" />
   <span tal:replace="structure python:db.issue.classhelp('id,title', property='superseder')" />
@@ -49,7 +49,7 @@ <h2>
                 tal:content="sup/id"></a>
   </span>
  </td>
- <th nowrap>Nosy List</th>
+ <th>Nosy List</th>
  <td>
   <span tal:replace="structure context/nosy/field" />
   <span tal:replace="structure
@@ -58,25 +58,25 @@ <h2>
 </tr>
 
 <tr>
- <th nowrap>Assigned To</th>
+ <th>Assigned To</th>
  <td tal:content="structure context/assignedto/menu">assignedto menu</td>
- <th nowrap>Topics</th>
+ <th>Topics</th>
  <td>
   <span tal:replace="structure context/topic/field" />
   <span tal:replace="structure python:db.keyword.classhelp(property='topic')" />
  </td>
 </tr>
 
 <tr>
- <th nowrap>Change Note</th>
+ <th>Change Note</th>
  <td colspan=3>
   <textarea tal:content="request/form/:note/value | default"
             name=":note" wrap="hard" rows="5" cols="80"></textarea>
  </td>
 </tr>
 
 <tr>
- <th nowrap>File</th>
+ <th>File</th>
  <td colspan=3><input type="file" name=":file" size="40"></td>
 </tr>
 
@@ -99,28 +99,28 @@ <h2>
 
 <table class="form" tal:condition="context/is_only_view_ok">
 <tr>
- <th nowrap>Title</th><td colspan=3 tal:content="context/title">title</td>
+ <th>Title</th><td colspan=3 tal:content="context/title">title</td>
 </tr>
 
 <tr>
- <th nowrap>Priority</th><td tal:content="context/priority">priority</td>
- <th nowrap>Status</th><td tal:content="context/status">status</td>
+ <th>Priority</th><td tal:content="context/priority">priority</td>
+ <th>Status</th><td tal:content="context/status">status</td>
 </tr>
 
 <tr>
- <th nowrap>Superseder</th>
+ <th>Superseder</th>
  <td>
   <span tal:condition="context/superseder" tal:repeat="sup context/superseder">
    <br>View: <a tal:attributes="href string:issue${sup/id}"
                 tal:content="sup/id"></a>
   </span>
  </td>
- <th nowrap>Nosy List</th><td><span tal:replace="context/nosy" /></td>
+ <th>Nosy List</th><td><span tal:replace="context/nosy" /></td>
 </tr>
 
 <tr>
- <th nowrap>Assigned To</th><td tal:content="context/assignedto"></td>
- <th nowrap>Topics</th><td tal:content="structure context/topic"></td>
+ <th>Assigned To</th><td tal:content="context/assignedto"></td>
+ <th>Topics</th><td tal:content="structure context/topic"></td>
 </tr>
 </table>
 

templates/classic/html/keyword.item.html

@@ -36,7 +36,7 @@ <h2>Keyword editing</h2>
 
  <table class="form">
   <tr>
-   <th nowrap>Keyword</th>
+   <th>Keyword</th>
    <td tal:content="structure context/name/field">name</td>
   </tr>
 

templates/classic/html/msg.item.html

@@ -15,17 +15,17 @@ <h2>
 <table class="form">
 
 <tr>
- <th nowrap>Author</th>
+ <th>Author</th>
  <td tal:content="context/author"></td>
 </tr>
 
 <tr>
- <th nowrap>Recipients</th>
+ <th>Recipients</th>
  <td tal:content="context/recipients"></td>
 </tr>
 
 <tr>
- <th nowrap>Date</th>
+ <th>Date</th>
  <td tal:content="context/date"></td>
 </tr>
 </table>

templates/classic/html/style.css

@@ -53,6 +53,10 @@ td.content {
   width: 100%;
 }
 
+td.date, th.date { 
+  white-space: nowrap;
+}
+
 p.ok-message {
   background-color: #22bb22;
   padding: 5 5 5 5;
@@ -79,6 +83,7 @@ table.form th {
   text-align: right;
   vertical-align: top;
   font-weight: normal;
+  white-space: nowrap;
 }
 
 table.form th.header {

templates/minimal/html/page.html

@@ -22,7 +22,7 @@
 </tr>
 
 <tr>
- <td rowspan="2" valign="top" nowrap class="sidebar">
+ <td rowspan="2" valign="top" class="sidebar">
   <p class="userblock" tal:condition="python:request.user.username=='anonymous'">
    <form method="POST" action="">
     <input size="10" name="__login_name"><br>

templates/minimal/html/style.css

@@ -26,6 +26,7 @@ td.page-header-top {
 
 td.sidebar {
   padding: 1 0 0 1;
+  white-space: nowrap;
 }
 
 td.sidebar p.classblock {