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