gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use React Toolbox Switch for rte mode selection

Browse Source
This commit is contained in:
Shawn Erquhart 2017-04-18 13:05:21 -04:00
parent 1a12c6f5aa
commit a3b487aaeb
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Widgets/MarkdownControlElements/Toolbar/Toolbar.css
View File

@ -7,11 +7,7 @@
.Toggle { .Toggle {
float: right; float: right;
margin-bottom: 0;
& button { padding-top: 4px;
font-size: 12px; padding-right: 10px;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 8px;
}
} }

5
src/components/Widgets/MarkdownControlElements/Toolbar/Toolbar.js
View File

@ -1,5 +1,6 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { List } from 'immutable'; import { List } from 'immutable';
import Switch from 'react-toolbox/lib/switch';
import ToolbarButton from './ToolbarButton'; import ToolbarButton from './ToolbarButton';
import ToolbarPluginForm from './ToolbarPluginForm'; import ToolbarPluginForm from './ToolbarPluginForm';
import { Icon } from '../../../UI'; import { Icon } from '../../../UI';
@ -81,9 +82,7 @@ export default class Toolbar extends React.Component {
getAsset={getAsset} getAsset={getAsset}
/> />
} }
<div className={styles.Toggle}> <Switch label="Markdown" onChange={onToggleMode} checked={rawMode} className={styles.Toggle}/>
<ToolbarButton label="Toggle Markdown" action={onToggleMode} active={rawMode}/>
</div>
</div> </div>
); );
} }