From: Alexander Ebert Date: Sun, 10 Jul 2016 13:40:31 +0000 (+0200) Subject: Added proper overflow behavior for search type X-Git-Tag: 3.0.0_Beta_1~1224 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=dca5385803967d1fc426372666ac72871b8dcf78;p=GitHub%2FWoltLab%2FWCF.git Added proper overflow behavior for search type --- diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss index c5bcdc155f..d6b1854621 100644 --- a/wcfsetup/install/files/style/layout/pageHeader.scss +++ b/wcfsetup/install/files/style/layout/pageHeader.scss @@ -271,20 +271,27 @@ padding: 3px; position: relative; - .pageHeaderSearchType > .button { - border-radius: 2px 0 0 2px; - min-width: 140px; - padding: 4px 24px 4px 8px; - position: relative; - text-align: left; - white-space: nowrap; + .pageHeaderSearchType { + display: flex; - &::after { - color: inherit; - content: $fa-var-caret-down; - font-family: FontAwesome; - position: absolute; - right: 8px; + > .button { + border-radius: 2px 0 0 2px; + max-width: 200px; + min-width: 140px; + overflow: hidden; + padding: 4px 24px 4px 8px; + position: relative; + text-align: left; + text-overflow: ellipsis; + white-space: nowrap; + + &::after { + color: inherit; + content: $fa-var-caret-down; + font-family: FontAwesome; + position: absolute; + right: 8px; + } } }