moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

SoapboxConfig: Improve style of delete icons

This commit is contained in:
Alex Gleason 2020-08-23 23:55:03 -05:00
parent 011b80f717
commit e1a86d4e1c
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/soapbox/features/soapbox_config/index.js
View File

@ -271,7 +271,7 @@ class SoapboxConfig extends ImmutablePureComponent {
value={field.get('url')} value={field.get('url')}
onChange={this.handlePromoItemChange(i, 'url', field)} onChange={this.handlePromoItemChange(i, 'url', field)}
/> />
<a onClick={this.handleDeleteItem(['promoPanel', 'items', i])}>Delete</a> <Icon id='times-circle' onClick={this.handleDeleteItem(['promoPanel', 'items', i])} />
</div> </div>
)) ))
} }
@ -302,7 +302,7 @@ class SoapboxConfig extends ImmutablePureComponent {
value={field.get('url')} value={field.get('url')}
onChange={this.handleHomeFooterItemChange(i, 'url', field)} onChange={this.handleHomeFooterItemChange(i, 'url', field)}
/> />
<a onClick={this.handleDeleteItem(['navlinks', 'homeFooter', i])}>Delete</a> <Icon id='times-circle' onClick={this.handleDeleteItem(['navlinks', 'homeFooter', i])} />
</div> </div>
)) ))
} }
@ -328,7 +328,7 @@ class SoapboxConfig extends ImmutablePureComponent {
value={field} value={field}
onChange={this.handleChange(['customCss', i], (e) => e.target.value)} onChange={this.handleChange(['customCss', i], (e) => e.target.value)}
/> />
<a onClick={this.handleDeleteItem(['customCss', i])}>Delete</a> <Icon id='times-circle' onClick={this.handleDeleteItem(['customCss', i])} />
</div> </div>
)) ))
} }

7
app/styles/forms.scss
View File

@ -999,3 +999,10 @@ code {
border-color: $error-red !important; border-color: $error-red !important;
color: $error-red; color: $error-red;
} }
.input .row .fa-times-circle {
position: absolute;
right: 7px;
cursor: pointer;
color: $error-red;
}