fix CSS for QuestionDialog

This commit is contained in:
Matthew Hodgson 2015-07-27 18:26:51 +01:00
parent 7ac852d1fe
commit f5b9f470b2
2 changed files with 7 additions and 4 deletions

View File

@ -43,6 +43,8 @@ html {
overflow: -moz-scrollbars-none;
}
/* FIXME: why is all the dialog stuff in here rather than in per-component files? */
.mx_Dialog_Background {
position: fixed;
top: 0;
@ -111,7 +113,8 @@ html {
padding-right: 1em;
}
.mx_ErrorDialogTitle {
.mx_ErrorDialogTitle,
.mx_QuestionDialogTitle {
min-height: 16px;
padding: 12px;
border-bottom: 1px solid #a9dbf4;

View File

@ -45,13 +45,13 @@ module.exports = React.createClass({
render: function() {
return (
<div className="mx_QuestionDialog">
<div className="mx_QuestionDialog">
<div className="mx_QuestionDialogTitle">
{this.props.title}
</div>
<div className="mx_QuestionDialog">
<div className="mx_Dialog_content">
{this.props.description}
</div>
<div className="mx_QuestionDialog_buttons">
<div className="mx_Dialog_buttons">
<button onClick={this.onOk} autoFocus={this.props.focus}>
{this.props.button}
</button>