/**
* @class Ext.MessageBox
*/
.x-msgbox {
min-width: 15em;
max-width: 20em;
max-height: 90%;
margin: 6px;
border: 1px solid #ccc;
// to hide content that is too large (vertically)
.x-docking-vertical {
overflow: hidden;
}
.x-toolbar {
&.x-docked-top {
border-bottom: 0;
}
&.x-docked-bottom {
border-top: 0;
}
}
}
// This will need to be generalized at some point
.x-ie {
.x-msgbox {
.x-dock.x-dock-horizontal.x-unsized {
> .x-dock-body {
@include st-box-flex(1, 0px);
}
}
}
}
.x-msgbox-text {
text-align: center;
}
.x-msgbox-buttons {
.x-button {
min-width: 4.5em;
}
}