ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2025-03-04 15:13:17 +05:30
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/contact/ContactForm.jsx
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 {

2
src/components/contact/contactForm.scss
View File

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

29
src/components/profile/passwordRequestForm/PasswordRequestForm.jsx
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,19 +22,23 @@ export default class PasswordRequestForm extends Component {
<Form onSubmit={this.onFormSubmit} <Form onSubmit={this.onFormSubmit}
form={form} form={form}
> >
<h2> <div className={popupStyles.header}>
<Message {...messages.title} /> <h2 className={popupStyles.headerTitle}>
</h2> <Message {...messages.title} />
</h2>
</div>
<Input {...form.bindField('password')} <div className={popupStyles.body}>
type="password" <Input {...form.bindField('password')}
required type="password"
autoFocus required
color="green" autoFocus
skin="light" color="green"
icon="key" skin="light"
placeholder={messages.pleaseEnterPassword} icon="key"
/> placeholder={messages.pleaseEnterPassword}
/>
</div>
<Button color="green" label="OK" block type="submit" /> <Button color="green" label="OK" block type="submit" />
</Form> </Form>
); );