mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Increase header height from 45px to 50 

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2018-03-27 15:47:10 +02:00 committed by Julius Härtl
parent a3a66859d3
commit 8089838f57
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
3 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
core/css/header.scss
View File

@ -49,7 +49,7 @@
left: 0; left: 0;
right: 0; right: 0;
z-index: 2000; z-index: 2000;
height: 45px; height: 50px;
background-color: $color-primary; background-color: $color-primary;
box-sizing: border-box; box-sizing: border-box;
justify-content: space-between; justify-content: space-between;
@ -57,10 +57,8 @@
/* LOGO and APP NAME -------------------------------------------------------- */ /* LOGO and APP NAME -------------------------------------------------------- */
#nextcloud { #nextcloud {
padding: 5px; padding: 8px 5px;
padding-bottom: 0; height: 100%;
height: 45px;
/* header height */
box-sizing: border-box; box-sizing: border-box;
opacity: 1; opacity: 1;
&:focus { &:focus {
@ -82,8 +80,8 @@
position: absolute; position: absolute;
max-width: 350px; max-width: 350px;
max-height: 280px; max-height: 280px;
right: 0; right: 12px;
top: 44px; top: 50px;
margin: 0; margin: 0;
&:not(.popovermenu) { &:not(.popovermenu) {
@ -167,10 +165,11 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 44px; width: 44px;
height: 44px; height: 100%;
cursor: pointer; cursor: pointer;
opacity: 0.6; opacity: 0.6;
padding: 0; padding: 0;
padding-right: 12px;
margin: 0; margin: 0;
} }
} }
@ -340,9 +339,9 @@ nav[role='navigation'] {
#settings { #settings {
display: inline-block; display: inline-block;
height: 100%;
color: rgba($color-primary-text, 0.7); color: rgba($color-primary-text, 0.7);
cursor: pointer; cursor: pointer;
margin-right: 13px;
flex: 0 0 auto; flex: 0 0 auto;
/* User menu on the right */ /* User menu on the right */
@ -439,8 +438,9 @@ nav[role='navigation'] {
#appmenu { #appmenu {
display: inline-block; display: inline-block;
width: auto; width: auto;
clear: both;
min-width: 88px; min-width: 88px;
height: 100%;
clear: both;
li { li {
float: left; float: left;
@ -454,8 +454,8 @@ nav[role='navigation'] {
position: relative; position: relative;
display: inline-block; display: inline-block;
margin: 0; margin: 0;
padding: 12px; padding: 15px 12px;
height: 21px; height: 20px;
text-align: center; text-align: center;
vertical-align: top !important; vertical-align: top !important;
opacity: .6; opacity: .6;
@ -496,7 +496,7 @@ nav[role='navigation'] {
border-radius: $border-radius; border-radius: $border-radius;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
margin-top: 0; margin-top: 5px;
color: rgba($color-main-text, .7); color: rgba($color-main-text, .7);
width: auto; width: auto;
left: 50%; left: 50%;

2
core/css/mobile.scss
View File

@ -136,8 +136,6 @@ table.multiselect thead {
#header .header-right .menu { #header .header-right .menu {
max-width: calc(100vw - 26px); max-width: calc(100vw - 26px);
position: fixed; position: fixed;
right: 13px;
top: 45px;
&::after { &::after {
display: none !important; display: none !important;
} }

9
core/css/styles.scss
View File

@ -207,10 +207,11 @@ body {
& ~ .icon-close-white { & ~ .icon-close-white {
display: inline; display: inline;
position: absolute; position: absolute;
width: 15px; width: 30px;
height: 32px; height: 100%;
right: 3px; right: 0;
top: 0; top: 0;
margin: 0;
&, &:focus, &:active, &:hover { &, &:focus, &:active, &:hover {
border: none; border: none;
background-color: transparent; background-color: transparent;
@ -287,7 +288,7 @@ body {
width: 100%; width: 100%;
overflow-x: hidden; overflow-x: hidden;
/* prevent horizontal scrollbar */ /* prevent horizontal scrollbar */
padding-top: 45px; padding-top: 50px;
box-sizing: border-box; box-sizing: border-box;
} }