IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(): fixes to side menu and gravatar url

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-02-20 17:43:26 +01:00
parent 1f28ff6890
commit f808baafa7
2 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/core/components/sidemenu/sidemenu.html
View File

@ -3,8 +3,10 @@
<li class="sidemenu-org-section" ng-if="ctrl.isSignedIn" class="dropdown"> <li class="sidemenu-org-section" ng-if="ctrl.isSignedIn" class="dropdown">
<div class="sidemenu-org"> <div class="sidemenu-org">
<div class="sidemenu-org-avatar"> <div class="sidemenu-org-avatar">
<img ng-if="ctrl.user.gravatarURL" ng-src="{{ctrl.user.gravatarUrl}}"> <img ng-if="ctrl.user.gravatarUrl" ng-src="{{ctrl.user.gravatarUrl}}">
<span class="no-avatar h2" ng-if!="ctrl.user.gravatarURL">?</span> <span class="sidemenu-org-avatar--missing" ng-if="!ctrl.user.gravatarUrl">
<i class="fa fa-fw fa-user"></i>
</span>
</div> </div>
<div class="sidemenu-org-details"> <div class="sidemenu-org-details">
<span class="sidemenu-org-user sidemenu-item-text">{{ctrl.user.name}}</span> <span class="sidemenu-org-user sidemenu-item-text">{{ctrl.user.name}}</span>

25
public/sass/components/_sidemenu.scss
View File

@ -203,23 +203,24 @@
} }
.sidemenu-org-avatar { .sidemenu-org-avatar {
width: 44px; width: 40px;
height: 40px;
background-color: $gray-2; background-color: $gray-2;
border-radius: 50%; border-radius: 50%;
.no-avatar { text-align: center;
color: $text-color;
text-shadow: 0 1px 0 $dark-1; >img {
padding-left: 17px; width: 40px;
position: relative; height: 40px;
top: 5px; border-radius: 50%;
} }
} }
.sidemenu-org-avatar > img { .sidemenu-org-avatar--missing {
width: 40px; color: $text-color;
height: 40px; text-shadow: 0 1px 0 $dark-1;
border-radius: 50%; line-height: 40px;
position: absolute; font-size: $font-size-lg;
} }
.sidemenu-org-details { .sidemenu-org-details {