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 {
background-color: @brand-primary;
border-color: #292929;
border-color: #777;
color:#CCC;
transition: color 0.2s, background-color 0.2s;
&:hover {

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

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

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

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