css - ツールバーのタイトルのスタイリング sencha touch

Question

minHeight をツールバーに 1.5em として追加し、タイトルを正確に中央に追加しようとしました

          .checkouttoolbar .x-toolbar .x-innerhtml {
                        font-size: 15px;
                     align : center;
           }

しかし、それは私にとってはうまくいきません。私が間違っているところを助けてください

Answer 1

ツールバーの高さは、minHeight プロパティで変更できます。

{
    xtype: 'toolbar',
    title: 'toolbar test',
    docked: 'top',
    cls: 'test',
    minHeight : '30px'
},

これは font-size をスタイルする方法です:

.x-toolbar.test .x-innerhtml {
    font-size: 15px;
}

タイトルを垂直方向に中央揃えにするには、ツールバーの .title 要素の line-height プロパティをオーバーライドする必要があります。

.x-toolbar.test .x-title {
    line-height: inherit;
}

フィドルをチェックアウトします。

http://new.senchafiddle.com/#/854Wc/