[BUGFIX] Awkward styling of split bar in Chrome browser
authorSteffen Gebert <steffen.gebert@typo3.org>
Sat, 22 Oct 2011 11:15:05 +0000 (13:15 +0200)
committerXavier Perseguers <xavier@typo3.org>
Sun, 23 Oct 2011 18:41:52 +0000 (20:41 +0200)
Due to a recente change (#27660), the Ext JS split bars, which act as
separators between module menu / navigation and navigation / content
container, are increased in width only for the Chrome browser.

This breaks the styling and makes it look lovelessly implemented, when
the selected page from the tree should have a visual connection to the
content frame.

Change-Id: Iacca368168d122e9d2df05a22590d21859f6b3cb
Resolves: #31186
Reviewed-on: http://review.typo3.org/6187
Reviewed-by: Philipp Gampe
Tested-by: Philipp Gampe
Reviewed-by: Xavier Perseguers
Tested-by: Xavier Perseguers
typo3/sysext/t3skin/extjs/xtheme-t3skin.css

index 839341a..4befe9f 100644 (file)
@@ -2226,15 +2226,22 @@ body.x-body-masked .x-window-plain .x-window-mc {
        width: 0;
 }
 
-/* Tree frame split bar fix for chrome in extjs 3.4 */
+/* Tree frame split bar fix for Google Chrome 14 in Ext JS 3.4, see #27660 */
 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;
 }
 
+body.ext-chrome #typo3-module-menu-xsplit {
+       background-color: #ebebeb;
+}
+
+body.ext-chrome #typo3-navigationContainer-xsplit {
+       background-color: #f8f8f8;
+}
+
 /* Collapse icon */
 #typo3-module-menu-xsplit .x-layout-mini-west,
 #typo3-module-menu-xcollapsed .x-layout-mini-west,