Project

General

Profile

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

Anonymous, 26/05/2015 18:26

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