[TASK] Simplify record icons in workspace module 54/31254/3
authorOliver Hader <oliver@typo3.org>
Mon, 30 Jun 2014 19:01:20 +0000 (21:01 +0200)
committerOliver Hader <oliver.hader@typo3.org>
Thu, 14 Aug 2014 09:31:12 +0000 (11:31 +0200)
The record details view renders record icons for both live and
versioned record. However, this representation is shown rather
stand-alone and can be combined with the accordant headers.

Resolves: #60015
Releases: master, 6.2
Change-Id: I2f468a06271f335c491d90d825f7bcef7a9db9f6
Reviewed-on: http://review.typo3.org/31254
Reviewed-by: Oliver Hader <oliver.hader@typo3.org>
Tested-by: Oliver Hader <oliver.hader@typo3.org>
typo3/sysext/workspaces/Resources/Public/JavaScript/Component/RowExpander.js
typo3/sysext/workspaces/Resources/Public/StyleSheet/module.css

index 89a5501..c566a7b 100644 (file)
@@ -11,10 +11,10 @@ TYPO3.Workspaces.Component.RowExpander = Ext.extend(Ext.grid.RowExpander, {
                                '<table class="char_select_template" width="100%">',
                                        '<tr class="header">',
                                                '<th class="char_select_profile_titleLeft">',
-                                                       '{[TYPO3.l10n.localize(\'workspace_version\')]}',
+                                                       '<span class="icon {icon_Workspace}">&nbsp;</span>{[TYPO3.l10n.localize(\'workspace_version\')]}',
                                                '</th>',
                                                '<th class="char_select_profile_titleRight">',
-                                                       '{[TYPO3.l10n.localize(\'live_workspace\')]}',
+                                                       '<span class="icon {icon_Live}"></span>{[TYPO3.l10n.localize(\'live_workspace\')]}',
                                                '</th>',
                                        '</tr>',
                                        '<tr>',
@@ -29,7 +29,6 @@ TYPO3.Workspaces.Component.RowExpander = Ext.extend(Ext.grid.RowExpander, {
                                                '<td class="t3-workspaces-foldout-td-contentDiffLeft">',
                                                        '<div class="t3-workspaces-foldout-contentDiff-container">',
                                                                '<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 class="content">',
                                                                                        '<tpl if="this.exists(content)">',
@@ -43,7 +42,6 @@ TYPO3.Workspaces.Component.RowExpander = Ext.extend(Ext.grid.RowExpander, {
                                                '<td class="t3-workspaces-foldout-td-contentDiffRight">',
                                                        '<div class="t3-workspaces-foldout-contentDiff-container">',
                                                                '<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 class="content">',
                                                                                        '<tpl if="this.exists(content)">',
index b808fb1..1eb68ef 100644 (file)
@@ -275,3 +275,12 @@ table.t3-workspaces-foldout-contentDiff td.content {
        z-index: 10;
        cursor:pointer;
 }
+
+.t3-workspaces-foldoutWrapper .char_select_profile_titleLeft .icon,
+.t3-workspaces-foldoutWrapper .char_select_profile_titleRight .icon{
+       float: left;
+}
+
+.t3-workspaces-foldoutWrapper .t3-workspaces-foldout-contentDiff {
+       text-align: left;
+}