gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(night-mode): Update indenting and change border color

Browse Source
This commit is contained in:
Mrugesh Mohapatra
2017-01-06 11:55:08 +05:30
parent e1261526d8
commit f262bfd960
3 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/less/main.less
View File

@ -1129,7 +1129,7 @@ code {
} }
.btn-primary { .btn-primary {
background-color: @brand-primary; background-color: @brand-primary;
border-color: #292929; border-color: #777;
color:#CCC; color:#CCC;
transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s;
&:hover { &:hover {

18
common/app/routes/settings/components/Email-Setting.jsx
View File

@ -71,9 +71,9 @@ export default function EmailSettings({
bsStyle='primary' bsStyle='primary'
className={ className={
classnames( classnames(
'positive-20', 'positive-20',
{ active: sendMonthlyEmail }, { active: sendMonthlyEmail },
'btn-toggle' 'btn-toggle'
) )
} }
onClick={ toggleMonthlyEmail } onClick={ toggleMonthlyEmail }
@ -97,9 +97,9 @@ export default function EmailSettings({
bsStyle='primary' bsStyle='primary'
className={ className={
classnames( classnames(
'positive-20', 'positive-20',
{ active: sendNotificationEmail }, { active: sendNotificationEmail },
'btn-toggle' 'btn-toggle'
) )
} }
onClick={ toggleNotificationEmail } onClick={ toggleNotificationEmail }
@ -123,9 +123,9 @@ export default function EmailSettings({
bsStyle='primary' bsStyle='primary'
className={ className={
classnames( classnames(
'positive-20', 'positive-20',
{ active: sendQuincyEmail }, { active: sendQuincyEmail },
'btn-toggle' 'btn-toggle'
) )
} }
onClick={ toggleQuincyEmail } onClick={ toggleQuincyEmail }

64
common/app/routes/settings/components/Locked-Settings.jsx
View File

@ -1,38 +1,38 @@
import React, {PropTypes} from 'react'; import React, { PropTypes } from 'react';
import {Button, Row, Col} from 'react-bootstrap'; import { Button, Row, Col } from 'react-bootstrap';
import classnames from 'classnames'; import classnames from 'classnames';
export default function LockSettings({isLocked, toggle}) { export default function LockSettings({ isLocked, toggle }) {
const className = classnames({ const className = classnames({
'positive-20': true, 'positive-20': true,
active: isLocked, active: isLocked,
'btn-toggle': true 'btn-toggle': true
}); });
return ( return (
<Row> <Row>
<Col xs={ 9 }> <Col xs={ 9 }>
<p className='large-p'> <p className='large-p'>
Make all of my solutions private Make all of my solutions private
<br /> <br />
(this disables your certificates) (this disables your certificates)
</p> </p>
</Col> </Col>
<Col xs={ 3 }> <Col xs={ 3 }>
<Button <Button
block={ true } block={ true }
bsSize='lg' bsSize='lg'
bsStyle='primary' bsStyle='primary'
className={ className } className={ className }
onClick={ toggle } onClick={ toggle }
> >
{ isLocked ? 'On' : 'Off' } { isLocked ? 'On' : 'Off' }
</Button> </Button>
</Col> </Col>
</Row> </Row>
); );
} }
LockSettings.propTypes = { LockSettings.propTypes = {
isLocked: PropTypes.bool, isLocked: PropTypes.bool,
toggle: PropTypes.func.isRequired toggle: PropTypes.func.isRequired
}; };