random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated edit list form

Browse Source 
only show "save title" button if title has been changed
This commit is contained in:
mgabdev 2019-07-19 18:32:05 -04:00
parent 94b8ea23fd
commit 5077165275
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/javascript/gabsocial/features/list_editor/components/edit_list_form.js
View File

@ -7,7 +7,7 @@ import { defineMessages, injectIntl } from 'react-intl';
const messages = defineMessages({ const messages = defineMessages({
title: { id: 'lists.edit.submit', defaultMessage: 'Change title' }, title: { id: 'lists.edit.submit', defaultMessage: 'Change title' },
save: { id: 'lists.new.save_title', defaultMessage: 'Save' }, save: { id: 'lists.new.save_title', defaultMessage: 'Save Title' },
}); });
const mapStateToProps = state => ({ const mapStateToProps = state => ({
@ -59,13 +59,14 @@ class ListForm extends React.PureComponent {
onChange={this.handleChange} onChange={this.handleChange}
/> />
<Button { !disabled &&
className='new-list-form__btn' <Button
disabled={disabled} className='new-list-form__btn'
onClick={this.handleClick} onClick={this.handleClick}
> >
{save} {save}
</Button> </Button>
}
</form> </form>
); );
} }

4
app/javascript/styles/gabsocial/components.scss
View File

@ -1477,7 +1477,7 @@ a.account__display-name {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
.column, .column,
.drawer { .drawer {
width: 100%; width: 100%;
@ -4477,7 +4477,7 @@ noscript {
.edit-list-form { .edit-list-form {
&__btn { &__btn {
margin-left: 6px; margin-left: 6px;
width: 80px; width: 112px;
} }
&__input { &__input {