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 c5bcdc155f40592907d38210f3f13f515bdbfc92..d6b1854621d021f1ae6ef25fd7c496c9400838ef 100644 (file)
--- 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;
+                       }
                }
        }