From 95a88c4bb3733200912a877821c0a919d42022b6 Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Fri, 22 Jun 2018 11:34:38 +0300 Subject: styling social buttons --- vnext/src/components/Icon.js | 5 +++-- vnext/src/components/LoginButton.js | 29 +++++++++++++++++++++++++++-- 2 files changed, 30 insertions(+), 4 deletions(-) (limited to 'vnext') diff --git a/vnext/src/components/Icon.js b/vnext/src/components/Icon.js index b4e8804c..743a007c 100644 --- a/vnext/src/components/Icon.js +++ b/vnext/src/components/Icon.js @@ -9,7 +9,7 @@ export default class Icon extends React.Component { render() { var size = this.props.size ? ' icon--' + this.props.size : ''; var className = this.props.className ? ' ' + this.props.className : ''; - var klass = 'icon icon--' + this.props.name + size + className; + var klass = 'icon' + (!this.props.noFill ? ' icon--' + this.props.name : '') + size + className; var name = '#' + this.props.name + '-icon'; var useTag = ''; @@ -37,5 +37,6 @@ export default class Icon extends React.Component { Icon.propTypes = { size: PropTypes.string.isRequired, name: PropTypes.string.isRequired, - className: PropTypes.string + className: PropTypes.string, + noFill: PropTypes.bool } diff --git a/vnext/src/components/LoginButton.js b/vnext/src/components/LoginButton.js index 2f73a4ee..22ae2198 100644 --- a/vnext/src/components/LoginButton.js +++ b/vnext/src/components/LoginButton.js @@ -57,8 +57,15 @@ export default class LoginButton extends React.Component { onClose={this.toggleModal}>
Please, introduce yourself:
-Already registered?