[BUGFIX] Wide split bar areas don't work in Chrome
authorKay Strobach <typo3@kay-strobach.de>
Sun, 9 Oct 2011 17:47:04 +0000 (19:47 +0200)
committerXavier Perseguers <xavier@typo3.org>
Mon, 10 Oct 2011 14:58:52 +0000 (16:58 +0200)
Just a small css fix, that enables the extjs like splitbars in chrome.
This fix adds small gray spaces into the toolbar, but let the splitbars
work as expected.

It also adds a background to the splitbars to reduce the optical
difference between chrome and other browsers.

Change-Id: Ib7be667d3b5dba0797bd1c5ecb1149a83f1e0bdc
Releases: 4.6
Resolves: #27660
Reviewed-on: http://review.typo3.org/5649
Reviewed-by: Philipp Gampe
Tested-by: Philipp Gampe
Reviewed-by: Xavier Perseguers
Tested-by: Xavier Perseguers
typo3/sysext/t3skin/extjs/images/splitbar/splitbar-background-top.png [new file with mode: 0644]
typo3/sysext/t3skin/extjs/xtheme-t3skin.css

diff --git a/typo3/sysext/t3skin/extjs/images/splitbar/splitbar-background-top.png b/typo3/sysext/t3skin/extjs/images/splitbar/splitbar-background-top.png
new file mode 100644 (file)
index 0000000..1e3883a
Binary files /dev/null and b/typo3/sysext/t3skin/extjs/images/splitbar/splitbar-background-top.png differ
index c16c9ca..92974db 100644 (file)
@@ -2222,6 +2222,15 @@ body.x-body-masked .x-window-plain .x-window-mc {
        width: 0;
 }
 
+/* Tree frame split bar fix for chrome in extjs 3.4 */
+body.ext-chrome #typo3-module-menu-xsplit,
+body.ext-chrome #typo3-navigationContainer-xsplit {
+       width: 5px;
+       background-color: rgb(235, 235, 235);
+       background-image: url('images/splitbar/splitbar-background-top.png');
+       background-repeat: repeat-x;
+}
+
 /* Collapse icon */
 #typo3-module-menu-xsplit .x-layout-mini-west,
 #typo3-module-menu-xcollapsed .x-layout-mini-west,