[BUGFIX] Faulty layout if row details are too long 87/22387/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:22:12 +0000 (19:22 +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/22387
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 1797ae9..11f14b7 100644 (file)
@@ -210,4 +210,8 @@ img.t3-icon-workspaces-sendtonextstage {
 
 img.t3-icon-workspaces-sendtoprevstage {
        background-position: 0 4px !important;
-}
\ No newline at end of file
+}
+
+table.t3-workspaces-foldout-contentDiff td.content {
+       word-break: break-all;
+}