0

このCSSを使用してタブの高さを設定しています

.MainPanel .x-tab-bar-strip {
    top: 40px !important; /* Default value is 20, we add 20 = 40 */
}

.MainPanel .x-tab-bar .x-tab-bar-body {
    height: 43px !important; /* Default value is 23, we add 20 = 43 */
    border: 0 !important; /* Overides the border that appears on resizing the grid */
}

.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner {
    height: 41px !important; /* Default value is 21, we add 20 = 41 */
}

.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
    height: 41px !important; /* Default value is 21, we add 20 = 41 */
}

.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button {
    height: 33px !important; /* Default value 13, we add 20 = 33 */
    line-height: 33px !important; /* Default value 13, we add 20 = 33 */
}

問題は、アイコンが正しく表示されないことです。

ここに画像の説明を入力

質問

タブのアイコン サイズを 32x32 に変更し、中央に揃えたいと思います。

4

1 に答える 1

0

このクラスを再定義してみてください:

*.MainPanel .x-tab-icon-el img{
    width: 100%; /* did this to center the icons */ 
    height: 100%; /* did this to center the icons */ 
    display: block; /* did this to center the icons */ 
    margin-left: auto; /* did this to center the icons */ 
    margin-right: auto;    /* did this to center the icons */ 
}*

必要に応じて、残りのタブ コンテンツ

*.MainPanel .x-tab-inner .x-tab-inner-center{
}*
于 2013-11-19T14:17:42.257 に答える