diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-06-26 16:47:16 +0200 |
|---|---|---|
| committer | Morris Jobke <hey@morrisjobke.de> | 2018-07-20 23:37:00 +0200 |
| commit | d6b718584e8aff74a0e76f77d2c1c5689f78cc78 (patch) | |
| tree | 6f4322460b0d6e11257e59350308f8ad5e9a40b1 /core/css/header.scss | |
| parent | 842583038bb54c2787fb7a2d5ebd84a2fec849fd (diff) | |
| download | nextcloud-server-d6b718584e8aff74a0e76f77d2c1c5689f78cc78.tar.gz nextcloud-server-d6b718584e8aff74a0e76f77d2c1c5689f78cc78.zip | |
Sidebar fix
Fix sidebar and scrollbar on content
Sidebar fixes, and sidebar-width + header-height variables
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/header.scss')
| -rw-r--r-- | core/css/header.scss | 35 |
1 files changed, 14 insertions, 21 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index a3566f9a21e..7aeaed92265 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -49,7 +49,7 @@ left: 0; right: 0; z-index: 2000; - height: 50px; + height: $header-height; background-color: var(--color-primary); box-sizing: border-box; justify-content: space-between; @@ -81,7 +81,7 @@ max-width: 350px; max-height: 280px; right: 5px; - top: 50px; + top: $header-height; margin: 0; &:not(.popovermenu) { @@ -165,7 +165,7 @@ display: flex; justify-content: center; align-items: center; - width: 50px; + width: $header-height; height: 100%; cursor: pointer; opacity: 0.6; @@ -224,9 +224,9 @@ /* NAVIGATION --------------------------------------------------------------- */ nav[role='navigation'] { display: inline-block; - width: 50px; - height: 50px; - margin-left: -50px; + width: $header-height; + height: $header-height; + margin-left: -$header-height; } .header-left #navigation { @@ -439,28 +439,21 @@ nav[role='navigation'] { /* Apps menu */ #appmenu { - display: inline-block; - width: auto; - min-width: 50px; - height: 100%; - clear: both; + display: inline-flex; + min-width: $header-height; li { - float: left; - display: inline-block; position: relative; - vertical-align: top !important; - height: 100%; cursor: pointer; a { position: relative; - display: inline-block; + display: flex; margin: 0; - padding: 15px 15px; - height: 20px; - text-align: center; - vertical-align: top !important; + height: $header-height; + width: $header-height; + align-items: center; + justify-content: center; opacity: .6; } } @@ -582,7 +575,7 @@ nav[role='navigation'] { &:focus, &:active { - top: 50px; + top: $header-height; } } |