fix CSS for QuestionDialog
This commit is contained in:
parent
7ac852d1fe
commit
f5b9f470b2
|
@ -43,6 +43,8 @@ html {
|
||||||
overflow: -moz-scrollbars-none;
|
overflow: -moz-scrollbars-none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* FIXME: why is all the dialog stuff in here rather than in per-component files? */
|
||||||
|
|
||||||
.mx_Dialog_Background {
|
.mx_Dialog_Background {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -111,7 +113,8 @@ html {
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_ErrorDialogTitle {
|
.mx_ErrorDialogTitle,
|
||||||
|
.mx_QuestionDialogTitle {
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
border-bottom: 1px solid #a9dbf4;
|
border-bottom: 1px solid #a9dbf4;
|
||||||
|
|
|
@ -45,13 +45,13 @@ module.exports = React.createClass({
|
||||||
render: function() {
|
render: function() {
|
||||||
return (
|
return (
|
||||||
<div className="mx_QuestionDialog">
|
<div className="mx_QuestionDialog">
|
||||||
<div className="mx_QuestionDialog">
|
<div className="mx_QuestionDialogTitle">
|
||||||
{this.props.title}
|
{this.props.title}
|
||||||
</div>
|
</div>
|
||||||
<div className="mx_QuestionDialog">
|
<div className="mx_Dialog_content">
|
||||||
{this.props.description}
|
{this.props.description}
|
||||||
</div>
|
</div>
|
||||||
<div className="mx_QuestionDialog_buttons">
|
<div className="mx_Dialog_buttons">
|
||||||
<button onClick={this.onOk} autoFocus={this.props.focus}>
|
<button onClick={this.onOk} autoFocus={this.props.focus}>
|
||||||
{this.props.button}
|
{this.props.button}
|
||||||
</button>
|
</button>
|
||||||
|
|
Loading…
Reference in New Issue