From 4050c4871959f85195dd119536410b99f837cc67 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Wed, 2 Mar 2016 15:15:15 +0100 Subject: [PATCH] Fixed mobile view --- .../files/style/layout/pageHeader.scss | 26 ++++++++++++++----- .../files/style/layout/pageHeaderSticky.scss | 8 +++--- 2 files changed, 25 insertions(+), 9 deletions(-) diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss index 5c51b60390..1a97f717d8 100644 --- a/wcfsetup/install/files/style/layout/pageHeader.scss +++ b/wcfsetup/install/files/style/layout/pageHeader.scss @@ -17,14 +17,10 @@ .pageHeader .layoutBoundary { display: flex; - padding-top: 20px; - padding-bottom: 20px; .pageHeaderContainerLeft, .pageHeaderContainerRight { display: flex; - flex-direction: column; - justify-content: space-between; } .pageHeaderContainerLeft { @@ -34,15 +30,33 @@ .pageHeaderContainerRight { flex: 0 0 auto; } + + @include large-screen-only { + padding-top: 20px; + padding-bottom: 20px; + + .pageHeaderContainerLeft, + .pageHeaderContainerRight { + flex-direction: column; + justify-content: space-between; + } + } + + @include small-screen-only { + height: 50px; + padding: 10px; + } } /* LOGO */ .pageHeaderLogo { - margin-bottom: 15px; - .pageHeaderLogoSmall { display: none; } + + @include large-screen-only { + margin-bottom: 15px; + } } /* MAIN MENU */ diff --git a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss index 1e8eb63350..4578e5b313 100644 --- a/wcfsetup/install/files/style/layout/pageHeaderSticky.scss +++ b/wcfsetup/install/files/style/layout/pageHeaderSticky.scss @@ -22,9 +22,11 @@ > div { height: 50px; - // remove padding, the vertical alignment is done using `align-items` - padding-bottom: 0; - padding-top: 0; + @include large-screen-only { + // remove padding, the vertical alignment is done using `align-items` + padding-bottom: 0; + padding-top: 0; + } } } -- 2.20.1