Fixed badges in main menu
authorMarcel Werk <burntime@woltlab.com>
Tue, 16 Oct 2012 11:49:42 +0000 (13:49 +0200)
committerMarcel Werk <burntime@woltlab.com>
Tue, 16 Oct 2012 11:49:42 +0000 (13:49 +0200)
com.woltlab.wcf/template/mainMenu.tpl
wcfsetup/install/files/style/global.less
wcfsetup/install/files/style/layout.less

index 55d3431916c428b8c9cfeb2b4d4203ebb837e6f0..9e103d46bdb2432614679b6dee779662c3f4d59c 100644 (file)
@@ -2,7 +2,7 @@
        <nav id="mainMenu" class="mainMenu">
                <ul>
                        {foreach from=$__wcf->getPageMenu()->getMenuItems('header') item=menuItem}
-                               <li{if $__wcf->getPageMenu()->getActiveMenuItem() == $menuItem->menuItem} class="active"{/if}><a href="{$menuItem->getProcessor()->getLink()}">{lang}{$menuItem->menuItem}{/lang}{if $menuItem->getProcessor()->getNotifications()} <span class="badge {if $__wcf->getPageMenu()->getActiveMenuItem() == $menuItem->menuItem}badgeUpdate{else}badgeInverse{/if}">{#$menuItem->getProcessor()->getNotifications()}</span>{/if}</a></li>
+                               <li{if $__wcf->getPageMenu()->getActiveMenuItem() == $menuItem->menuItem} class="active"{/if}><a href="{$menuItem->getProcessor()->getLink()}">{lang}{$menuItem->menuItem}{/lang}{if $menuItem->getProcessor()->getNotifications()} <span class="badge badgeUpdate">{#$menuItem->getProcessor()->getNotifications()}</span>{/if}</a></li>
                        {/foreach}
                </ul>
        </nav>
index a282125140042ddb82d9e516aea758478e8d8315..a897a5c8dd268a87878c1d7908fad5bf291fb8ee 100644 (file)
@@ -208,16 +208,6 @@ a.badge:hover {
        top: -3px;
 }
 
-.mainMenu > ul > li > a > .badge {
-       font-size: 70%;
-       top: -1px;
-}
-
-.mainMenu > ul > li.active > a > .badge {
-       font-size: 65%;
-       top: -2px;
-}
-
 .tabularBoxTitle > hgroup > h1 > .badge {
        font-size: 70%;
        top: -1px;
index 67006eeec2186c3d6246030be620338e385f9766..223a7f3e1df4669f6f0650df131ca9ff61e1cff2 100644 (file)
                                        background-color: @wcfMainMenuHoverBackgroundColor;
                                        text-decoration: none;
                                }
+                               
+                               > .badge {
+                                       font-size: 60%;
+                                       top: -2px;
+                               }
                        }
                        
                        &.active {