Changeset 7436

Timestamp:

03/16/09 13:21:07 (18 months ago)

Author:

stoomey

Message:

Updated CSS and added a new style ("gutter") to fix the broken general comment and reply to comment form display on IE6 and IE7.

References #1148

Location:

head/ambra/webapp/src/main/webapp

Files:

• css/annotation.css (modified) (4 diffs)
• discussion/startDiscussion.ftl (modified) (1 diff)
• widget/discussionResponse.ftl (modified) (1 diff)

head/ambra/webapp/src/main/webapp/css/annotation.css

@@ -73 +73 @@
 div#cmtContainer.minrcrctn div#viewCmtDetail { border-top-color:#f00; border-bottom-color:#f00; }
 
+div#cmtContainer div#viewCIStatement { padding-top:0; }
+div#cmtContainer div#viewCIStatement div.cis,
+div.citation div.cis,  /* div.citation targets cis in formal corrections, just in case */
+blockquote div.cis { border-top:1px solid #ccc; }
+div.citation div.cis { margin-top: 5px; padding-top:5px; }
+div#cmtContainer div#viewCIStatement div.cis { padding-top: 5px; font-size:0.9em; }
+blockquote div.cis { line-height:1.5em; padding:5px 0; }
+
+
 div.dialog .posting.pane{ background: none; }
 div.comment div.comment{ margin: 10px 0; padding-left: 20px; border-left: 4px solid #999; background-color: #eee;}
@@ -135 +144 @@
 .dialog legend,
 .post legend    { display: none; }
-.pane .error    { padding:5px; border:1px solid #c00; background-color: #fff; font-style: normal; }
+.pane .error    { margin-bottom:5px; padding:5px; border:1px solid #c00; background-color: #fff; font-style: normal; }
 
 .dialog .response { width: 100%; height: 8em; overflow: auto; }
@@ -253 +262 @@
 div.response textarea,
 div.response input.title { width:33em; }
+div.posting td.coi { vertical-align:bottom; }
 div.posting td.coi textarea { height:5em; }
 div.posting td.coi ul li { list-style-type:none; }
@@ -259 +269 @@
 div.posting td.coi ul li > label { display:block; } /* hidden from IE6 */
 div.posting td.coi ul li label input { float:left; margin-right:0.5em; margin-bottom:1em; }
+div.response td { width:50%; }
+div.response td.gutter { width:1%; }
 div.response td.coi ul li label input { margin-bottom:0; }
-div.response table.layout td.coi { vertical-align:bottom; }
 div.annotate div.instructions ol li { list-style-position:inside; }
-div.response table.layout {width:68em; margin:0 5px; }
-div.response table.layout td { width:5px; } /* compresses table cells around content in IE */
+div.response table.layout { width:69em; margin:0 5px; }
 table.layout td.buttons { text-align:right; vertical-align:bottom; }
-.buttons input { color:#333; margin:0 5px; }
+.buttons input { color:#333; margin:0 0 0 5px; }
 .buttons input.primary { font-weight:bold; }
 

head/ambra/webapp/src/main/webapp/discussion/startDiscussion.ftl

@@ -57 +57 @@
                   <textarea id="responseArea" title="Enter your comment..." class="response" name="responseArea" >Enter your comment...</textarea>
                 </td>
-                <td>&nbsp;</td>
+                <td class="gutter">&nbsp;</td>
                 <td class="coi">
                   <fieldset>

head/ambra/webapp/src/main/webapp/widget/discussionResponse.ftl

@@ -44 +44 @@
             <textarea id="responseArea" title="Enter your response..." class="response" name="responseArea" >Enter your response...</textarea>
           </td>
-          <td>&nbsp;</td>
+          <td class="gutter">&nbsp;</td>
           <td class="coi">
             <fieldset>