Wrap long property values.

lonelypup · Apr 14, 2020 · a826da0 · a826da0
1 parent 893ad49
commit a826da0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/templates/default/_props.ezt b/templates/default/_props.ezt
@@ -11,11 +11,11 @@
 <tbody>
 [for properties]
  <tr class="vc_row_[if-index properties even]even[else]odd[end]">
- <td><strong>[properties.name]</strong></td>
+ <td class="vc_prop_name"><strong>[properties.name]</strong></td>
  [if-any properties.undisplayable]
- <td><em>Property value is undisplayable.</em></td>
+ <td class="vc_prop_novalue"><em>Property value is undisplayable.</em></td>
  [else]
- <td style="white-space: pre;">[properties.value]</td>
+ <td class="vc_prop_value">[properties.value]</td>
  [end]
  </tr>
 [end]

diff --git a/templates/default/docroot/styles.css b/templates/default/docroot/styles.css
@@ -223,6 +223,14 @@ address { font-style: normal; display: inline; }
 .vc_properties td, .vc_properties th {
  padding: 0.2em;
 }
+.vc_properties td.vc_prop_value {
+ white-space: -moz-pre-wrap; /* Mozilla based browsers */
+ white-space: -pre-wrap; /* Opera 4 - 6 */
+ white-space: -o-pre-wrap; /* Opera >= 7 */
+ white-space: pre-wrap; /* CSS3 */
+ word-break: break-all; /* IE 5.5+ */
+}
+
 
 
 /*** File Content Markup Styles ***/