Some optimizations for dropdown-menus

Makes the styles more global

diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index 689e5e1a102c7493a559775d4795ec9799c9905a..91e687b8c3e23ecc4cffb4109b6ebf6084ec3cdc 100644 (file)
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -369,7 +369,6 @@ nav.wcf-topMenu {
 /* Menu Items (1st level) */
 
 .wcf-topMenu > div > ul > li {
-       cursor: pointer;
        border-width: 0 1px;
        border-style: solid;
        border-color: transparent;
@@ -388,13 +387,18 @@ nav.wcf-topMenu {
        border-color: rgba(255, 255, 255, .5);
 }
 
+/* Removes the doubled padding if there's a link in the top menu */
+.wcf-topMenu > div > ul > li > span > a {
+       margin: -5px 0 -5px -5px;
+}
+
 
 
 /* ToDo: Top-Menu Dropdown Caption */
 
-.wcf-topMenu > div > ul > li .wcf-dropdownCaption,
-.wcf-topMenu > div > ul > li .wcf-dropdownCaption a {
-       padding-right: 5px;
+.wcf-topMenu > div > ul > li > .wcf-dropdownCaption,
+.wcf-topMenu > div > ul > li .wcf-dropdownCaption > a {
+       padding: 6px;
 }
 
 .wcf-topMenu > div > ul > li:hover .wcf-dropdownCaption,
@@ -404,29 +408,26 @@ nav.wcf-topMenu {
        background-color: rgba(0, 0, 0, .7);
 }
 
+.wcf-topMenu > div > ul > li > .wcf-dropdownCaption > .wcf-badge {
+       margin: -3px 3px;
+       padding: 1px 3px;
+}
+
 .wcf-topMenu > div > ul > li > .wcf-dropdownCaption > .wcf-badge,
 .wcf-topMenu > div > ul > li:hover > .wcf-dropdownCaption > .wcf-badge {
        font-size: 75%;
        color: #369 !important;
-       margin: -3px 3px;
-       padding: 1px 3px;
 }
 
 .wcf-topMenu > div > ul > li > .wcf-dropdownCaption > img {
        margin: -7px 0 -5px 0;
 }
 
-.wcf-topMenu > div > ul > li > span:not(.wcf-badge) {
-       padding: 6px;
-}
-
 .wcf-topMenu > div > ul > li > .wcf-dropdownCaption {
-       cursor: pointer;
        background-image: url('../../icon/dropdown2.svg');
        background-position: 97% center;
        background-repeat: no-repeat;
        padding-right: 15px !important;
-       display: inline-block;
 }
 
 
@@ -1519,6 +1520,12 @@ table .wcf-label {
 .wcf-dropdownCaption a {
        text-decoration: none;
        cursor: pointer;
+       display: inline-block;
+}
+
+.wcf-dropdownCaption:hover,
+.wcf-dropdownCaption a:hover {
+       text-decoration: none;
 }
 
 /* Dropdown */