Update password request popup to use new styles. Add close button for contact popup

This commit is contained in:
SleepWalker 2016-05-28 01:36:01 +03:00
parent 5820a50047
commit 8b8a6e1a64
3 changed files with 18 additions and 15 deletions

View File

@ -6,9 +6,9 @@ import { FormattedMessage as Message } from 'react-intl';
import { Input, TextArea, Button, Form, FormModel, Dropdown } from 'components/ui/form'; import { Input, TextArea, Button, Form, FormModel, Dropdown } from 'components/ui/form';
import site from 'services/api/site'; import site from 'services/api/site';
import icons from 'components/ui/icons.scss'; import icons from 'components/ui/icons.scss';
import popupStyles from 'components/ui/popup/popup.scss';
import styles from './contactForm.scss'; import styles from './contactForm.scss';
import popupStyles from 'components/ui/popup/popup.scss';
import messages from './contactForm.intl.json'; import messages from './contactForm.intl.json';
export default class ContactForm extends Component { export default class ContactForm extends Component {

View File

@ -6,8 +6,6 @@
} }
.close { .close {
display: none;
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 10px; top: 10px;

View File

@ -3,6 +3,7 @@ import React, { Component, PropTypes } from 'react';
import { FormattedMessage as Message } from 'react-intl'; import { FormattedMessage as Message } from 'react-intl';
import { Form, Button, Input, FormModel } from 'components/ui/form'; import { Form, Button, Input, FormModel } from 'components/ui/form';
import popupStyles from 'components/ui/popup/popup.scss';
import messages from './PasswordRequestForm.intl.json'; import messages from './PasswordRequestForm.intl.json';
@ -21,10 +22,13 @@ export default class PasswordRequestForm extends Component {
<Form onSubmit={this.onFormSubmit} <Form onSubmit={this.onFormSubmit}
form={form} form={form}
> >
<h2> <div className={popupStyles.header}>
<h2 className={popupStyles.headerTitle}>
<Message {...messages.title} /> <Message {...messages.title} />
</h2> </h2>
</div>
<div className={popupStyles.body}>
<Input {...form.bindField('password')} <Input {...form.bindField('password')}
type="password" type="password"
required required
@ -34,6 +38,7 @@ export default class PasswordRequestForm extends Component {
icon="key" icon="key"
placeholder={messages.pleaseEnterPassword} placeholder={messages.pleaseEnterPassword}
/> />
</div>
<Button color="green" label="OK" block type="submit" /> <Button color="green" label="OK" block type="submit" />
</Form> </Form>
); );