ExtJS 5 Разделительная панель/кнопка показывает цвет фона на панели

Question

У меня есть панель с двумя дочерними панелями. Я пытаюсь использовать collapseMode: 'mini' на верхней панели. Функциональность, похоже, работает, но цвет фона, кажется, отображается с помощью кнопки свернуть. Это никогда не было проблемой, когда я был на ExtJS 4, но обновление до 5, похоже, что-то испортило.

Как я могу узнать, не отображается ли цвет фона на панели?

initComponent: function() { 
    var me = this; 

    Ext.applyIf(me, { 
     items: [ { 
      xtype: 'myApp-PnlOne', 
      region: 'north', 
      header: false, 
      split: true, 
      collapsible: true, 
      collapseMode: 'mini', 
      border: false, 
      bodyCls: 'viewPanelBody' 
     },{ 
      xtype: 'myApp-PnlOne', 
      region: 'center', 
      header: false, 
      layout: 'fit' 
     }] 
    }); 

    me.callParent(arguments); 
}, 

Что выглядит следующим образом:

Answer 1

Я думаю, что у меня была эта же проблема, в моем случае это был присваивающей класс "X-autocontainer-innerCt". Я исправил его с помощью специального класса CSS для элемента. Если вы дадите панели идентификатор, вы можете добавить код css для «# -innerCt.x-autocontainer-innerCt». Пример:

... 
items: [ { 
      id: 'top-panel', 
      xtype: 'myApp-PnlOne', 
      region: 'north', 
      header: false, 
      split: true, 
      collapsible: true, 
      collapseMode: 'mini', 
      border: false, 
      bodyCls: 'viewPanelBody' 
     }... 

CSS код:

#top-panel-innerCt.x-autocontainer-innerCt 
{ 
    background-color: #FFFFFF;/*specify the background color you want here or use transparent*/ 
}