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! |