From: Alexander Ebert Date: Tue, 29 Mar 2016 18:22:21 +0000 (+0200) Subject: Updated mobile menu to match the updated header X-Git-Tag: 3.0.0_Beta_1~1286^2~4 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=a06fea356f072101d0ea3c77313684a26c853f53;p=GitHub%2FWoltLab%2FWCF.git Updated mobile menu to match the updated header --- diff --git a/wcfsetup/install/files/style/ui/menuMobile.scss b/wcfsetup/install/files/style/ui/menuMobile.scss index ae8eb623c6..635a27492e 100644 --- a/wcfsetup/install/files/style/ui/menuMobile.scss +++ b/wcfsetup/install/files/style/ui/menuMobile.scss @@ -65,12 +65,14 @@ justify-content: flex-end; > .menuOverlayItemLink { + align-items: center; + display: flex; flex: 1 1 auto; } } .menuOverlayItemList { - background-color: rgb(44, 62, 80); + background-color: rgb(52, 73, 94); box-shadow: -5px 0 10px 0 rgba(0, 0, 0, .2); list-style-type: none; margin: 0; @@ -132,7 +134,7 @@ } .menuOverlayItemLink { - background-color: rgb(52, 73, 94); + background-color: rgb(44, 62, 80); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -182,7 +184,7 @@ .menuOverlayItemLink.active, .menuOverlayItemLinkIcon.active { - background-color: rgb(41, 128, 185); + background-color: rgb(34, 49, 63); } .menuOverlayTitle { @@ -198,7 +200,7 @@ /* icon link sharing the space with a link or (header only) the logo */ .menuOverlayItemLinkIcon { - background-color: rgb(52, 73, 94); + background-color: rgb(44, 62, 80); flex: 0 0 auto; margin-left: 1px; padding: 10px;