Fix shrinking of content navigation buttons in desktop version

https://github.com/WoltLab/WCF/commit/a3e4ab16d9a566149de88e2d4b649accc768f012 caused the text on the buttons to be severely shortened when the content title became too long.

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 16790c1a9e7ced99e2422e50ac9e66b95a179a5e..cc7de31aa076ff25d87d8d9faf472ffd5900b64e 100644 (file)
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -44,7 +44,7 @@
        }
 
        .contentHeaderNavigation {
-               flex: 0 1 auto;
+               flex: 0 0 auto;
                margin-left: 15px;
                margin-top: 10px;
        }
@@ -103,6 +103,10 @@
        @include screen-sm-down {
                flex-wrap: wrap;
 
+               .contentHeaderNavigation {
+                       flex-shrink: 1;
+               }
+
                .contentHeaderIcon {
                        display: none;
                }
@@ -110,7 +114,7 @@
 
        @include screen-md-up {
                .contentHeaderNavigation {
-                       max-width: 50%;
+                       max-width: 40%;
                }
        }
 }