javascript - 自动调整 Ext.Msg.confirm 的宽度和高度以适应内容

Question

我尝试将内容自动动态调整为 Ext.Msg.confirm，但我不尝试调整它。剩下的 Ext.Msg.confirm 调整为更大尺寸的内容。

我有这个代码：

标题

div.x-sheet.x-msgbox {
    width:15em;
    height:auto;
    background:#fff;
    -webkit-box-shadow: rgba(0,0,0,0.4)00.1em0.5em;
    -webkit-border-radius:0.3em;
    -moz-box-shadow: rgba(0,0,0,0.4)00.1em0.5em;
    -moz-border-radius:0.3em;
    border-radius:0.3em;
    border:0.15em solid #FFFFFF;
}

身体

.x-msgbox-body {
    padding:40px0;
    padding:6px0;
    background-color:#ffffff;
    color:#094fa4;
    position:relative;
    margin:0auto;
    text-align: center;
    overflow: hidden;
}

请帮帮我。

Answer 1

Sencha 会根据文本的数量自动调整消息框的大小。你想覆盖它吗？

如果是这样，您可以将 !important 规则放在高度定义上以覆盖消息框的 sencha 的 css 标记（尽管 auto 不会真正做任何事情）：

div.x-sheet.x-msgbox {
    width:15em;
    height:115px !important;
    background:#fff;
    -webkit-box-shadow: rgba(0,0,0,0.4)00.1em0.5em;
    -webkit-border-radius:0.3em;
    -moz-box-shadow: rgba(0,0,0,0.4)00.1em0.5em;
    -moz-border-radius:0.3em;
    border-radius:0.3em;
    border:0.15em solid #FFFFFF;
}