Project

General

Profile

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

Anonymous, 27/04/2015 16:07

1 1 Anonymous
h1. Hide the top Toolbar in News column
2 1 Anonymous
3 1 Anonymous
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).
4 1 Anonymous
5 1 Anonymous
To hide this component, it could be associated with a specific CSS class which just creates an empty, gray bar.
6 1 Anonymous
7 1 Anonymous
The ExtJs file to edit is:
8 1 Anonymous
9 1 Anonymous
source:git_sitools_idoc|szcluster-db/workspace/client-user/js/modules/feedsReader/feedReaderProject.js@5d330f93#L76
10 1 Anonymous
11 1 Anonymous
<pre><code class="js">
12 1 Anonymous
this.tbar = {
13 1 Anonymous
    xtype : 'toolbar',
14 1 Anonymous
    cls : 'services-toolbar-feeds',
15 1 Anonymous
    defaults : {
16 1 Anonymous
        scope : this,
17 1 Anonymous
        cls : 'services-toolbar-btn'
18 1 Anonymous
    },
19 1 Anonymous
    items : [ this.cb, '-' , this.buttonDate]
20 1 Anonymous
};
21 1 Anonymous
</code></pre>
22 1 Anonymous
23 1 Anonymous
In this case, the toolbar has been associated with the new CSS class @services-toolbar-feeds@. This class should then be defined in:
24 1 Anonymous
25 2 Anonymous
source:git_sitools_idoc|szcluster-db/workspace/client-user/js/components/dataviews/services/servicesToolbar.css@d16caf89#L32
26 1 Anonymous
27 1 Anonymous
<pre><code class="css">
28 1 Anonymous
.services-toolbar-feeds {
29 1 Anonymous
        visibility: hidden;
30 1 Anonymous
        border-bottom-color: #d0d0d0;
31 2 Anonymous
        height: 21px !important;
32 1 Anonymous
}
33 1 Anonymous
</code></pre>
34 1 Anonymous
35 2 Anonymous
The @height: 21px@ has been imposed in order to make the toolbar as hight as the header bar of the project modules pages. 
36 1 Anonymous
37 1 Anonymous
The Feed toolbar will look like:
38 1 Anonymous
39 1 Anonymous
!feed_top_gray_toolbar.png!