title: Scroll bar indicator visibility in sencha touch 2
body: <p>I'm working on Sencha touch 2. I have a tab panel inside which I have many tabs horizontally placed. I want to show the horizontal scroll bar always so that the user will know there are more tabs. 
  This is my tab panel with tabBar configuration. How can I make the scroll bar indicator visible always?:</p>
  
  <pre><code>Ext.define('Project.view.Result', {
  extend: 'Ext.tab.Panel',
  id:'searchTab',
      tabBar: {
  
           scrollable:'horizontal',
           scrollBar:'true',
           docked:'top',
           layout: {
                      pack: 'center',
                   },
  
      },
  items:[
                                 {  
                          title: 'A Result',
                          xtype:'AList'
                      },
                      { 
                          title: 'B Result',
                          xtype:'BList' 
                      },
  
                                  ......
                                  ......
                                 { 
                          title: 'Z Result',
                          xtype:'ZList' 
                      }
                  ]
          });
  </code></pre>
  
  <p>I tried this with css:</p>
  
  <pre><code>#searchTab .x-scroll-indicator[style] {
  opacity: 0.5 !important;
  }
  </code></pre>
  
  <p>But then the scroll bar becomes visible for the list items under each tab . But not for the tab bar.</p>