Commit 2d0a8afa authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Fix placement of user avatar in header. 

The relative positioning gave unstable results. Switching over to
using floats and line-height.
parent 59a6afc3

template/app/view/auth/HeaderForm.js

+2 −2
Original line number Diff line number Diff line
@@ -43,8 +43,8 @@ Ext.define('Docs.view.auth.HeaderForm', { 
     * @param {Object} user

     */

    showLoggedIn: function(user) {

        var userSignature = Docs.Comments.avatar(user.emailHash) + ' ' + user.userName;

        this.update('<span>' + userSignature + '</span> | <a href="#" class="logout">Logout</a>');

        var avatar = Docs.Comments.avatar(user.emailHash);

        this.update(avatar + '<div><span>' + user.userName + '</span> | <a href="#" class="logout">Logout</a></div>');

    },



    /**

template/resources/sass/_header.scss

+6 −7
Original line number Diff line number Diff line
@@ -30,13 +30,12 @@ 
#loginContainer {

  text-align: right;

  color: #fff;

  span {

    position: relative;

  line-height: 25px;

  div {

    padding-left: 10px;

    float: right; }

  img.avatar {

      @include border-radius(2px);

      position: absolute;

      top: -5px;

      left: -35px; } }

    @include border-radius(2px); }

  .register {

    font-weight: bold; }

  a {