diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2018-03-27 15:47:10 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2018-04-04 15:05:58 +0200 |
| commit | 8089838f5706446c3448fbeb5b846556806d8bf5 (patch) | |
| tree | 7b9bd2384bb406f1a5c566b3985367aa6cc6464b /core/css | |
| parent | a3a66859d3188458a6a2617ec81caa5a27c93556 (diff) | |
| download | nextcloud-server-8089838f5706446c3448fbeb5b846556806d8bf5.tar.gz nextcloud-server-8089838f5706446c3448fbeb5b846556806d8bf5.zip | |
Increase header height from 45px to 50
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/header.scss | 26 | ||||
| -rw-r--r-- | core/css/mobile.scss | 2 | ||||
| -rw-r--r-- | core/css/styles.scss | 9 |
3 files changed, 18 insertions, 19 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index b1141476a0e..95632ade4a3 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -49,7 +49,7 @@ left: 0; right: 0; z-index: 2000; - height: 45px; + height: 50px; background-color: $color-primary; box-sizing: border-box; justify-content: space-between; @@ -57,10 +57,8 @@ /* LOGO and APP NAME -------------------------------------------------------- */ #nextcloud { - padding: 5px; - padding-bottom: 0; - height: 45px; - /* header height */ + padding: 8px 5px; + height: 100%; box-sizing: border-box; opacity: 1; &:focus { @@ -82,8 +80,8 @@ position: absolute; max-width: 350px; max-height: 280px; - right: 0; - top: 44px; + right: 12px; + top: 50px; margin: 0; &:not(.popovermenu) { @@ -167,10 +165,11 @@ justify-content: center; align-items: center; width: 44px; - height: 44px; + height: 100%; cursor: pointer; opacity: 0.6; padding: 0; + padding-right: 12px; margin: 0; } } @@ -340,9 +339,9 @@ nav[role='navigation'] { #settings { display: inline-block; + height: 100%; color: rgba($color-primary-text, 0.7); cursor: pointer; - margin-right: 13px; flex: 0 0 auto; /* User menu on the right */ @@ -439,8 +438,9 @@ nav[role='navigation'] { #appmenu { display: inline-block; width: auto; - clear: both; min-width: 88px; + height: 100%; + clear: both; li { float: left; @@ -454,8 +454,8 @@ nav[role='navigation'] { position: relative; display: inline-block; margin: 0; - padding: 12px; - height: 21px; + padding: 15px 12px; + height: 20px; text-align: center; vertical-align: top !important; opacity: .6; @@ -496,7 +496,7 @@ nav[role='navigation'] { border-radius: $border-radius; border-top-left-radius: 0; border-top-right-radius: 0; - margin-top: 0; + margin-top: 5px; color: rgba($color-main-text, .7); width: auto; left: 50%; diff --git a/core/css/mobile.scss b/core/css/mobile.scss index ebc7e094cdb..c7db11919fd 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -136,8 +136,6 @@ table.multiselect thead { #header .header-right .menu { max-width: calc(100vw - 26px); position: fixed; - right: 13px; - top: 45px; &::after { display: none !important; } diff --git a/core/css/styles.scss b/core/css/styles.scss index 0b15718eefd..134ee9476d4 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -207,10 +207,11 @@ body { & ~ .icon-close-white { display: inline; position: absolute; - width: 15px; - height: 32px; - right: 3px; + width: 30px; + height: 100%; + right: 0; top: 0; + margin: 0; &, &:focus, &:active, &:hover { border: none; background-color: transparent; @@ -287,7 +288,7 @@ body { width: 100%; overflow-x: hidden; /* prevent horizontal scrollbar */ - padding-top: 45px; + padding-top: 50px; box-sizing: border-box; } |