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

Replace data-url with actual gif file. 

Also rename #recentcomments-container to #comment-index-container for
consistency.

And remove absolute positioning from comment controls that's no more
needed.
parent bd2cb8f2

template/app/controller/Comments.js

+2 −2
Original line number Diff line number Diff line
@@ -312,14 +312,14 @@ Ext.define('Docs.controller.Comments', { 
    },



    maskComments: function() {

        var container = Ext.get('recentcomments-container');

        var container = Ext.get('comment-index-container');

        if (container) {

            container.mask();

        }

    },



    unmaskComments: function() {

        var container = Ext.get('recentcomments-container');

        var container = Ext.get('comment-index-container');

        if (container) {

            container.unmask();

        }

template/app/view/comments/Index.js

+2 −2
Original line number Diff line number Diff line
@@ -35,7 +35,7 @@ Ext.define('Docs.view.comments.Index', { 
    items: [

        {

            cls: 'iScroll',

            id: 'recentcomments-container',

            id: 'comment-index-container',

            autoScroll: true,

            items: [

                {
@@ -50,7 +50,7 @@ Ext.define('Docs.view.comments.Index', { 
        this.callParent(arguments);

        this.initCookies();



        Ext.get('recentcomments-container').mask();

        Ext.get('comment-index-container').mask();

    },



    /**

template/resources/sass/_comments.scss

+2 −6
Original line number Diff line number Diff line
@@ -300,14 +300,10 @@ 
    font-weight: bold; } }



#comment-index-controls {

  position: absolute;

  padding-top: 1em;

  li {

    list-style-type: none; } }



#recentcomments-container .x-mask {

#comment-index-container .x-mask {

  opacity: 0.9;

  background: #fff;

  background-repeat: no-repeat;

  background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///7Ozs+zs7MbGxrOzs8/Pz9nZ2d7e3iH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==');

  background-position: center; }
 
  background: #fff url(../images/ajax-loader.gif) no-repeat center; }