[BUGFIX] Faulty layout if row details are too long 81/22381/2
authorOliver Hader <oliver@typo3.org>
Wed, 17 Jul 2013 11:49:52 +0000 (13:49 +0200)
committerWouter Wolters <typo3@wouterwolters.nl>
Wed, 17 Jul 2013 17:21:49 +0000 (19:21 +0200)
If the row details in in the workspaces difference view are too
long, e.g. a string that does not contain white-spaces like e.g.
a filename, the layout looks broken.
The solution is to introduce a new classname for the content
details and to force word breaking via CSS.

Fixes: #50114
Releases: 6.0, 6.1, 6.2
Change-Id: I9a768aed1c9bb4ebdfea5ba79083b7e5dce262d9
Reviewed-on: https://review.typo3.org/22381
Reviewed-by: Markus Klein
Tested-by: Markus Klein
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
typo3/sysext/workspaces/Resources/Public/JavaScript/component.js
typo3/sysext/workspaces/Resources/Public/StyleSheet/module.css

index bff48ed..d1ace5a 100644 (file)
@@ -100,7 +100,7 @@ TYPO3.Workspaces.RowDetail.rowDetailTemplate = new Ext.XTemplate(
                                                        '<table class="t3-workspaces-foldout-contentDiff">',
                                                                '<tr><th><span class="{icon_Workspace}">&nbsp;</span></th><td>{type_Workspace}</td></tr>',
                                                                '<tpl for="diff">',
-                                                                       '<tr><th>{label}</th><td>',
+                                                                       '<tr><th>{label}</th><td class="content">',
                                                                                '<tpl if="this.exists(content)">',
                                                                                        '{content}',
                                                                                '</tpl>',
@@ -114,7 +114,7 @@ TYPO3.Workspaces.RowDetail.rowDetailTemplate = new Ext.XTemplate(
                                                        '<table class="t3-workspaces-foldout-contentDiff">',
                                                                '<tr><th><span class="{icon_Live}"></span></th><td>{type_Live}</td></tr>',
                                                                '<tpl for="live_record">',
-                                                                       '<tr><th>{label}</th><td>',
+                                                                       '<tr><th>{label}</th><td class="content">',
                                                                                '<tpl if="this.exists(content)">',
                                                                                        '{content}',
                                                                                '</tpl>',
index 7657e5a..04a51cf 100644 (file)
@@ -211,4 +211,8 @@ img.t3-icon-workspaces-sendtonextstage {
 
 img.t3-icon-workspaces-sendtoprevstage {
        background-position: 0 4px !important;
+}
+
+table.t3-workspaces-foldout-contentDiff td.content {
+       word-break: break-all;
 }
\ No newline at end of file