From 4964d0676841aaf923f58c3a6b0a929ecccb8eb1 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Fri, 13 Jan 2017 14:01:04 +0100 Subject: [PATCH] Fixed buttons in user profile (mobile issue) --- wcfsetup/install/files/style/layout/content.scss | 13 ------------- wcfsetup/install/files/style/ui/userProfile.scss | 16 ++++++++++++++-- 2 files changed, 14 insertions(+), 15 deletions(-) diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss index 4805386153..0bc4ef3ad3 100644 --- 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 866af03b82..10518795cf 100644 --- 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; -- 2.20.1