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

Merge pull request #3227 from nextcloud/fix-avatar-user-menu-header 

Fixed menu arrow, padding and avatar position, fix #3217
This commit is contained in:
Morris Jobke 2017-01-24 13:30:04 -06:00 committed by GitHub
parent ca6f5735b1 c30cf00ec3
commit fa5cb9c875
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
core/css/header.scss
View File

@ -319,7 +319,8 @@
/* User menu on the right */ /* User menu on the right */
#expand { #expand {
display: block; display: flex;
align-items: center;
padding: 7px 30px 6px 10px; padding: 7px 30px 6px 10px;
cursor: pointer; cursor: pointer;
* { * {
@ -345,8 +346,6 @@
/* Profile picture in header */ /* Profile picture in header */
.avatardiv { .avatardiv {
float: left;
display: inline-block;
margin-right: 8px; margin-right: 8px;
cursor: pointer; cursor: pointer;
height: 32px; height: 32px;
@ -377,23 +376,22 @@
&:after { &:after {
/* position of dropdown arrow */ /* position of dropdown arrow */
right: 15px; right: 15px;
border-color: rgba(0, 0, 0, 0); border: 10px solid transparent;
border-bottom-color: rgba(255, 255, 255, 1); border-color: transparent;
border-bottom-color: #fff;
bottom: 100%; bottom: 100%;
border: solid transparent;
content: ' '; content: ' ';
height: 0; height: 0;
width: 0; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
border-width: 10px;
margin-left: -10px; margin-left: -10px;
} }
a { a {
display: block; display: block;
height: 40px; height: 40px;
color: #000; color: #000;
padding: 4px 12px 0; padding: 10px 12px 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
opacity: .5; opacity: .5;
box-sizing: border-box; box-sizing: border-box;