Small style optimization

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index a8cf99063a1376329cf55553bf5cc6d569ee2b9d..bdc1de4baab2d3d03e8d03353240c98ecf0af486 100755 (executable)
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -7250,7 +7250,7 @@ WCF.UserPanel = Class.extend({
                this._container.addClass('dropdown');
                this._link = this._container.children('a').remove();
                
-               $('<a class="dropdownToggle jsTooltip" title="' + this._container.data('title') + '">' + this._link.html() + '</a>').appendTo(this._container).click($.proxy(this._click, this));
+               $('<a class="dropdownToggle">' + this._link.html() + '</a>').appendTo(this._container).click($.proxy(this._click, this));
                var $dropdownMenu = $('<ul class="dropdownMenu" />').appendTo(this._container);
                $('<li class="jsDropdownPlaceholder"><span>' + WCF.Language.get('wcf.global.loading') + '</span></li>').appendTo($dropdownMenu);
                

diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less
index f16000d89b798f66ed37a4b2c88228643a7f699c..7a10f491fe9d1c1e6f5e7ca120b96f675c391b9b 100644 (file)
--- a/wcfsetup/install/files/style/global.less
+++ b/wcfsetup/install/files/style/global.less
@@ -210,16 +210,22 @@ body > iframe[src="about:blank"] {
 /* default values */
 .badge {
        background-color: @wcfColor;
-       border-radius: 13px;
        color: @wcfContentBackgroundColor;
        display: inline-block;
-       font-size: @wcfSmallFontSize;
-       font-weight: normal !important;
-       padding: 1px 8px 2px;
+       font-size: 11px;
+       font-weight: bold;
+       padding: 1px 6px 1px;
        position: relative;
        text-shadow: none !important; /* necessary to avoid ugly text shadows in comment lists; @todo: better solution without "!important" */
+       vertical-align: middle;
        white-space: nowrap;
        
+       .borderRadius(9px);
+       
+       &.label {
+               font-weight: normal;
+       }
+       
        /* colors */
        &.badgeUpdate {
                background-color: @wcfTabularBoxBackgroundColor;
@@ -318,28 +324,3 @@ a.badge:hover {
                background-color: #c09;
        }
 }
-
-/* special */
-.containerHeadline > h1 > .badge {
-       font-size: 70%;
-       top: -1px;
-}
-
-.boxHeadline > hgroup > h1 .badge {
-       font-size: 50%;
-       top: -3px;
-}
-
-.boxSubHeadline > hgroup > h1 .badge {
-       font-size: 60%;
-}
-
-.tabularBoxTitle > hgroup > h1 > .badge {
-       font-size: 70%;
-       top: -1px;
-}
-
-fieldset > legend > .badge {
-       font-size: 50%;
-       top: -3px;
-}

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index fb57e15aed4abb8438cd948faa062d11e4eb8d37..640557a6f25e2fd64436e4f52e8bccdf53cc293d 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -45,7 +45,6 @@
                                        display: block;
                                        height: 20px;
                                        padding: 10px 8px;
-                                       position: relative;
                                        
                                        .textShadow(@wcfUserPanelBackgroundColor);
                                        .transition(background-color, .2s);
@@ -59,18 +58,19 @@
                                        > .badge.badgeInverse {
                                                background-color: @wcfTabularBoxBackgroundColor;
                                                color: @wcfTabularBoxColor;
-                                               padding: 0 6px 1px;
-                                               position: absolute;
-                                               bottom: 4px;
-                                               left: 24px;
-                                               z-index: 300;
+                                       }
+                                       
+                                       > img {
+                                               position: relative;
+                                               top: -2px;
                                        }
                                }
                                
                                > .framed > img {
-                                       padding: 0px;
                                        margin-top: -2px;
                                        margin-bottom: -2px;
+                                       padding: 0px;
+                                       top: 0;
                                }
                        }
                }
@@ -146,11 +146,6 @@
                                        color: @wcfMainMenuActiveColor;
                                        text-decoration: none;
                                }
-                               
-                               > .badge {
-                                       font-size: 70%;
-                                       top: -1px;
-                               }
                        }
                        
                        &.active {
@@ -164,11 +159,6 @@
                                        min-width: 80px;
                                        padding: 14px 21px 8px;
                                        text-align: center;
-                                       
-                                       > .badge {
-                                               font-size: 60%;
-                                               top: -2px;
-                                       }
                                }
                        }
                        
@@ -238,10 +228,6 @@
                &.navigationMenuItems {
                        > li {
                                display: inline-block;
-                               
-                               > .badge {
-                                       top: -1px;
-                               }
                        }
                }
        }
@@ -562,11 +548,6 @@
                        > hgroup > h1 {
                                font-size: @wcfTitleFontSize;
                                font-weight: bold;
-                               
-                               > .badge {
-                                       font-size: 70%;
-                                       top: -2px;
-                               }
                        }
                        
                        > ol {
@@ -1230,8 +1211,6 @@ ul.inlineDataList {
                        
                        > .badge {
                                float: right;
-                               font-size: 75%;
-                               top: 3px;
                        }
                        
                        > a {