From: Luzifr Date: Mon, 13 Feb 2012 16:07:27 +0000 (+0100) Subject: Some optimizations for dropdown-menus X-Git-Tag: 2.0.0_Beta_1~1351 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=ed8784c00a50060991da22b6de3d5a5e077602bb;p=GitHub%2FWoltLab%2FWCF.git 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 689e5e1a10..91e687b8c3 100644 --- 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 */