bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'config-buttons' into 'develop'

Browse source 
SoapboxConfig: button styles

See merge request soapbox-pub/soapbox-fe!288
This commit is contained in:
Alex Gleason 2020-10-02 03:01:08 +00:00
commit 2a077aca84
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/features/soapbox_config/index.js
View file

@ -267,7 +267,7 @@ class SoapboxConfig extends ImmutablePureComponent {
</div> </div>
)) ))
} }
<div className='actions'> <div className='actions add-row'>
<div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['promoPanel', 'items'], templates.promoPanelItem)}> <div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['promoPanel', 'items'], templates.promoPanelItem)}>
<Icon id='plus-circle' /> <Icon id='plus-circle' />
<FormattedMessage id='soapbox_config.fields.promo_panel.add' defaultMessage='Add new Promo panel item' /> <FormattedMessage id='soapbox_config.fields.promo_panel.add' defaultMessage='Add new Promo panel item' />
@ -300,7 +300,7 @@ class SoapboxConfig extends ImmutablePureComponent {
</div> </div>
)) ))
} }
<div className='actions'> <div className='actions add-row'>
<div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['navlinks', 'homeFooter'], templates.footerItem)}> <div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['navlinks', 'homeFooter'], templates.footerItem)}>
<Icon id='plus-circle' /> <Icon id='plus-circle' />
<FormattedMessage id='soapbox_config.fields.home_footer.add' defaultMessage='Add new Home Footer Item' /> <FormattedMessage id='soapbox_config.fields.home_footer.add' defaultMessage='Add new Home Footer Item' />

13
app/styles/forms.scss
View file

@ -750,3 +750,16 @@ code {
margin-left: 10px; margin-left: 10px;
} }
} }
.actions.add-row {
margin: 10px 0 0;
.button {
border: 0;
background: transparent;
&:hover {
color: var(--primary-text-color);
}
}
}