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; 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;

View File

@ -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>