[BUGFIX] Narrow down preview header to fit smaller screens
authorTolleiv Nietsch <info@tolleiv.de>
Mon, 17 Oct 2011 18:41:45 +0000 (20:41 +0200)
committerMarco Bresch <marco.bresch@starfinanz.de>
Mon, 21 Nov 2011 21:03:31 +0000 (22:03 +0100)
Current implementation breaks the header of the preview-screen
on smaller resolutions. The attached patch makes sure that stage
labels and element measurements don't grow too large.

Change-Id: I5edd2b85abf4b4dd4652c692f87ee740de6f96c0
Fixes: #31121
Releases: 4.6
Reviewed-on: http://review.typo3.org/6079
Reviewed-by: Stefan Neufeind
Tested-by: Stefan Neufeind
Reviewed-by: Marco Bresch
Tested-by: Marco Bresch
typo3/sysext/workspaces/Resources/Public/JavaScript/actions.js
typo3/sysext/workspaces/Resources/Public/JavaScript/preview.js

index 8235600..8242892 100644 (file)
@@ -306,7 +306,8 @@ TYPO3.Workspaces.Actions = {
                                        if (!top.Ext.getCmp(componentId).isVisible()) {
                                                top.Ext.getCmp(componentId).show();
                                        }
-                                       top.Ext.getCmp(componentId).setText(response[componentId].text);
+                                       top.Ext.getCmp(componentId).setText(response[componentId].text.substr(0, 35));
+                                       top.Ext.getCmp(componentId).setTooltip(response[componentId].text);
                                } else {
                                        if (top.Ext.getCmp(componentId).isVisible()) {
                                                top.Ext.getCmp(componentId).hide();
index 0b40d09..a83a406 100644 (file)
@@ -157,11 +157,11 @@ Ext.onReady(function() {
                        plugins : [{
                                ptype : 'Ext.ux.plugins.TabStripContainer',
                                id: 'controls',
-                               width: 1000,
+                               width: 930,
                                items: [
                                        {
                                                xtype: 'panel',
-                                               width: 460,
+                                               width: 360,
                                                items: [{
                                                        xtype: 'panel',
                                                        id: 'slider',
@@ -189,7 +189,7 @@ Ext.onReady(function() {
                                                                        maxValue: 100,
                                                                        minValue: 0,
                                                                        value: 100,
-                                                                       width: 200,
+                                                                       width: 150,
                                                                        flex: 1,
                                                                        listeners: {
                                                                                change: {
@@ -223,7 +223,8 @@ Ext.onReady(function() {
                                                columns: 4,
                                                width: 400,
                                                items: [{
-                                                       text: TYPO3.l10n.localize('nextStage'),
+                                                       text: TYPO3.l10n.localize('nextStage').substr(0, 35),
+                                                       tooltip:  TYPO3.l10n.localize('nextStage'),
                                                        xtype: 'button',
                                                        iconCls: 'x-btn-text',
                                                        id: 'feToolbarButtonNextStage',
@@ -236,7 +237,8 @@ Ext.onReady(function() {
                                                                }
                                                        }
                                                }, {
-                                                       text: TYPO3.l10n.localize('previousStage'),
+                                                       text: TYPO3.l10n.localize('previousStage').substr(0, 35),
+                                                       tooltip:  TYPO3.l10n.localize('previousStage'),
                                                        xtype: 'button',
                                                        iconCls: 'x-btn-text',
                                                        id: 'feToolbarButtonPreviousStage',