diff options
| author | Julius Haertl <jus@bitgrid.net> | 2017-03-01 23:21:38 +0100 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2017-03-16 11:55:09 +0100 |
| commit | 61dc78e6dc25f2a342fe523e50c41c557f3c6aca (patch) | |
| tree | 28665afb3835d1cd43df9e827a55de86de377435 /core/css/header.scss | |
| parent | a630e4629f2489e9d7678fbe6833cf926e2b968e (diff) | |
| download | nextcloud-server-61dc78e6dc25f2a342fe523e50c41c557f3c6aca.tar.gz nextcloud-server-61dc78e6dc25f2a342fe523e50c41c557f3c6aca.zip | |
Fix menu issues
Signed-off-by: Julius Haertl <jus@bitgrid.net>
Diffstat (limited to 'core/css/header.scss')
| -rw-r--r-- | core/css/header.scss | 37 |
1 files changed, 30 insertions, 7 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index 99329ccd631..d77114e484d 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -109,11 +109,10 @@ height: 34px; } .header-appname-container { - display: inline-block; + display: none; padding-top: 22px; padding-right: 10px; flex-shrink: 0; - display: none !important; } /* show caret indicator next to logo to make clear it is tappable */ .icon-caret { @@ -176,7 +175,6 @@ /* show appname next to logo */ .header-appname { - display: inline-block; position: relative; color: #fff; font-size: 16px; @@ -196,9 +194,9 @@ /* NAVIGATION --------------------------------------------------------------- */ #navigation { - position: fixed; - top: 45px; - left: 10px; + position: relative; + top: 69px; + left: -100%; width: 265px; max-height: 85%; margin-top: 0; @@ -246,7 +244,7 @@ /* position of dropdown arrow */ #navigation:after { - left: 214px; + left: 242px; } #expanddiv:after { @@ -568,3 +566,28 @@ #appmenu:hover li:not(:hover) a:before { display:none; } +@media only screen and (max-width: 768px) { + + #header .header-appname-container { + display: inline-block !important; + } + #appmenu { + display: none; + } + + #apps { + .in-header { + display: inline-block; + } + } + + #navigation { + position: fixed; + top: 45px; + left: 10px; + } + #navigation:after { + left: 214px; + } + +}
\ No newline at end of file |