From dca5385803967d1fc426372666ac72871b8dcf78 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Sun, 10 Jul 2016 15:40:31 +0200 Subject: [PATCH] Added proper overflow behavior for search type --- .../files/style/layout/pageHeader.scss | 33 +++++++++++-------- 1 file changed, 20 insertions(+), 13 deletions(-) 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; + } } } -- 2.20.1