Fixed bug #7598: Fix module menu alignment and hover in Internet Explorer
authorJeff Segars <jsegars@alumni.rice.edu>
Fri, 22 Feb 2008 20:38:24 +0000 (20:38 +0000)
committerJeff Segars <jsegars@alumni.rice.edu>
Fri, 22 Feb 2008 20:38:24 +0000 (20:38 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@3266 709f56b5-9817-0410-a4d7-c38de5d9e867

ChangeLog
typo3/css/modulemenu.css
typo3/js/modulemenu.js
typo3/sysext/t3skin/stylesheets/modulemenu.css

index 9a5a680..4df00b6 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -9,6 +9,7 @@
 
        * Added feature #7247: Add hook for warning messages within Help->About modules and improve existing warning messages
        * Fixed bug #7605: Backend Alignment Problems in Internet Explorer
+       * Fixed bug #7598: Fix module menu alignment and hover in Internet Explorer
 
 2008-02-22  Ingo Renner  <ingo@typo3.org>
 
index 516c9c1..6428d47 100644 (file)
@@ -50,17 +50,12 @@ TYPO3 backend menu - vertical
 }
 
 #typo3-menu li span.submodule-icon {
-       display: inline-block;
-       display: -moz-inline-box;
+       display: block;
+       float: left;
        width: 20px;
        vertical-align: top;
 }
 
-/* IE needs a special treatment */
-* html #typo3-menu li span.submodule-icon {
-       margin-right: 3px;
-}
-
 #typo3-menu li ul li {
        font-weight: normal;
        width: 138px;
@@ -71,17 +66,13 @@ TYPO3 backend menu - vertical
        height: auto;
 }
 
-/* IE needs a special treatment */
-* html #typo3-menu li ul li {
-       height: 16px;
-}
-
 #typo3-menu li ul li a {
        text-decoration: none;
        display: block;
 }
 
 #typo3-menu li.menuSection li:hover,
+#typo3-menu li.menuSection li.hover,
 #typo3-menu li.highlighted {
        background-color: #e3dfdb;
 }
index 3f575fd..c2b902e 100644 (file)
@@ -53,6 +53,19 @@ var ModuleMenu = Class.create({
         */
        registerEventListeners: function() {
                $$('#typo3-menu li.menuSection div').invoke('observe', 'click', this.toggleMenu);
+               if(Prototype.Browser.IE) {
+                               //mouseenter and mouseleave are only available but thats our target
+                       $$('#typo3-menu li.menuSection li').invoke('observe', 'mouseenter', this.toggleHoverClass);
+                       $$('#typo3-menu li.menuSection li').invoke('observe', 'mouseleave', this.toggleHoverClass);             
+               }
+       },
+       
+       /**
+        * toggles the hover classname for IE menu hover support
+        */
+       toggleHoverClass: function(event) {
+               var menuItem = Event.element(event);
+               menuItem.toggleClassName('hover');
        },
 
        /**
index 17fe883..0886ace 100644 (file)
@@ -22,6 +22,7 @@ TYPO3 backend menu - vertical
 }
 
 #typo3-menu li.menuSection li:hover,
+#typo3-menu li.menuSection li.hover,
 #typo3-menu li.highlighted {
        background-color: #d7dbe2;
 }