SITools2

h1. 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

<pre><code class="js">
this.tbar = {
xtype : 'toolbar',
cls : 'services-toolbar-feeds',
defaults : {
scope : this,
cls : 'services-toolbar-btn'
},
items : [ this.cb, '-' , this.buttonDate]
};
</code></pre>

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@d16caf89#L32 source:git_sitools_idoc|szcluster-db/workspace/client-user/js/components/dataviews/services/servicesToolbar.css@5d330f93#L32

<pre><code class="css">
.services-toolbar-feeds {
visibility: hidden;
border-bottom-color: #d0d0d0;
height: 21px !important; 15px;
}
</code></pre>

The @height: 21px@ has been imposed

In addition, in order to make the toolbar as hight as the header bar of the project modules pages.

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

<pre><code class="css">
/** ENDTOOLBAR BUTTON **/

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

The Feed toolbar will look like:

!feed_top_gray_toolbar.png!