Project

General

Profile

Hide the top Toolbar in News column » History » Version 1

Version 1/3 - Next » - Current version
Anonymous, 17/04/2015 19:26


Hide the top Toolbar in News column

If only one flux of News is associated with a project, the top Toolbar in the News column might look useless (no different Feeds to select).

To hide this component, it could be associated with a specific CSS class which just creates an empty, gray bar.

The ExtJs file to edit is:

source:git_sitools_idoc|szcluster-db/workspace/client-user/js/modules/feedsReader/feedReaderProject.js@5d330f93#L76

this.tbar = {
    xtype : 'toolbar',
    cls : 'services-toolbar-feeds',
    defaults : {
        scope : this,
        cls : 'services-toolbar-btn'
    },
    items : [ this.cb, '-' , this.buttonDate]
};

In this case, the toolbar has been associated with the new CSS class services-toolbar-feeds. This class should then be defined in:

source:git_sitools_idoc|szcluster-db/workspace/client-user/js/components/dataviews/services/servicesToolbar.css@5d330f93#L32

.services-toolbar-feeds {
        visibility: hidden;
        border-bottom-color: #d0d0d0;
        height: 15px;
}

In addition, in order to make the toolbar as hight as the header bar of the project modules pages, it might be necessary to change the height of the generic class x-toolbar (the original value is commented):

source:git_sitools_idoc|szcluster-db/cots/extjs/resources/css/xtheme-gray-custom.css@5d330f93#L2287

/** ENDTOOLBAR BUTTON **/

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
        border : none;
        height: 21px;/*35px;*/
}

The Feed toolbar will look like: