extjs - 在较小的按钮上正确适合按钮内的字体文本

Question

在我的extjs项目中，我在网格标题内有一个菜单按钮。我试图使字体适合按钮的小区域。它看起来越大我制作文本越向下移动。如何才能正确地将其固定在按钮内？

这是视图

String rutaRule = "STRING id;"
        + "STRING part1Id;"
        + "STRING part2Id;"
        + "Sentence{->GETFEATURE(\"matchId\", id)};"
        + "part1{->GETFEATURE(\"parent\", part1Id)};"
        + "part2{->GETFEATURE(\"parent\", part2Id)};"
        + "Sentence{AND(IF(id == part1Id), IF(id == part2Id))-> NewAnnotation} <-"
        + "{part1<-{Constituent.label == \"VBD\";} % "
        + "part2<-{Constituent.label == \"MD\" # Constituent.label == \"VBN\";};};";

Ruta.apply(cas,rutaRule);

这是css类

                xtype: 'grid',
            itemId: 'detailsGridID',
            bind: {
                store: '{myDetailsStore}'
            },
            header: {
                items: [{
                    xtype: 'button',
                    text: 'Trades',
                    width: 100,
                    height: 15,
                    cls: 'buttonTopdayCSS',
                    menu: [{
                        text: 'Net',
                        handler: function () {
                            alert('click net');
                        }
                    }, {
                        text: 'Topday',
                        handler: function () {
                            alert('click topday');
                        }
                    }]
                }]

Answer 1

按钮有scale configuration。我会尝试这个。我会坚持尽可能少地覆盖样式。

 scale: 'large' 

如果这个特殊风格是整个应用程序的要求，而不仅仅是在这个地方，请查看theming。