diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-24 15:45:39 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-24 15:45:39 +0200 |
| commit | 3cb52b868a0eba7bdfb6a03fed24447873735dd6 (patch) | |
| tree | 4ba31a0c1bf1c7cec39a14b82709b12c814e0d1f /core/css/header.scss | |
| parent | e27817aedaafb3ad387520c5dc9298c7ffcea6ad (diff) | |
| download | nextcloud-server-3cb52b868a0eba7bdfb6a03fed24447873735dd6.tar.gz nextcloud-server-3cb52b868a0eba7bdfb6a03fed24447873735dd6.zip | |
Fix header calculation and better public design
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/header.scss')
| -rw-r--r-- | core/css/header.scss | 27 |
1 files changed, 12 insertions, 15 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index 41ee0a63fbe..a4ea6c0d75f 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -56,10 +56,15 @@ /* LOGO and APP NAME -------------------------------------------------------- */ #nextcloud { - padding: 8px 12px; + padding: 7px 12px; + padding-left: 86px; // logo width + 2* pa + position: relative; height: 100%; box-sizing: border-box; opacity: 1; + display: flex; + align-items: center; + flex-wrap: wrap; &:focus { opacity: .75; } @@ -107,12 +112,10 @@ background-repeat: no-repeat; background-size: contain; background-position: center; - width: 256px; - height: 128px; - margin: 0 auto; - &.logo-icon { - width: 62px; - height: 34px; + width: 62px; + height: 100%; + position: absolute; + left: 12px; img { opacity: 0; @@ -121,10 +124,8 @@ } } - } .header-appname-container { display: none; - padding-top: 22px; padding-right: 10px; flex-shrink: 0; } @@ -153,7 +154,6 @@ #header-right, .header-right { justify-content: flex-end; - flex-basis: 210px; flex-shrink: 1; } @@ -207,15 +207,12 @@ /* show appname next to logo */ .header-appname { - display: inline-block; - position: relative; color: var(--color-primary-text); font-size: 16px; font-weight: 300; margin: 0; - margin-top: -26px; - padding: 7px 0 7px 5px; - vertical-align: middle; + padding: 0; + padding-right: 5px; } /* do not show menu toggle on public share links as there is no menu */ |