Fixed buttons in user profile (mobile issue)

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 4805386153f127c2a7c6d236ed4b43fbd6110255..0bc4ef3ad33ed68257d4520707121a92eb8ac288 100644 (file)
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -67,7 +67,6 @@
                .contentHeaderNavigation > ul {
                        @include inlineList;
                        
-                       flex-wrap: nowrap;
                        justify-content: flex-end;
                        margin-top: 20px;
                }
@@ -459,18 +458,6 @@ fieldset {
        }
 }
 
-/* workaround for ancient screen resolutions */
-@media (max-width: 1280px) {
-       .contentHeaderNavigation {
-               flex: 1 1 0%;
-               
-               > ul {
-                       flex-wrap: wrap !important;
-                       justify-content: flex-end;
-               }
-       }
-}
-
 /* sidebar galore */
 @include screen-lg {
        .sidebar + .content:not(:last-child) {

diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss
index 866af03b8298ed6924d51ef529bd9face3b02cdb..10518795cf4a1a876e16e080b052fc6b8457be7d 100644 (file)
--- a/wcfsetup/install/files/style/ui/userProfile.scss
+++ b/wcfsetup/install/files/style/ui/userProfile.scss
@@ -43,6 +43,16 @@
                margin-top: 20px;
        }
        
+       @include screen-sm-md {
+               .contentHeaderNavigation {
+                       .button {
+                               .invisible {
+                                       display: inline;
+                               }
+                       }
+               }
+       }
+       
        @include screen-sm-down {
                display: flex;
                flex-wrap: wrap;
@@ -62,12 +72,14 @@
                        flex: 0 0 calc(100% - 58px);
                        max-width: calc(100% - 58px);
                }
+               
+               .contentHeaderNavigation {
+                       flex: 0 0 100%;
+               }
        }
        
        @include screen-xs {
                .contentHeaderNavigation {
-                       flex: 0 0 100%;
-                       
                        .userProfileButtonContainer {
                                display: flex;