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

improvement(editor): add title to toggle buttons (#2548)

Browse Source
This commit is contained in:
Sarabjot Kohli 2019-08-28 15:48:30 -07:00 committed by Shawn Erquhart
parent 9cb7cd7214
commit 6e6e4b86ca
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/netlify-cms-core/src/components/Editor/EditorInterface.js
View File

@ -257,12 +257,14 @@ class EditorInterface extends Component {
active={previewVisible}
onClick={this.handleTogglePreview}
icon="eye"
title="Toggle preview"
/>
<EditorToggle
enabled={collectionPreviewEnabled && previewVisible}
active={scrollSyncEnabled}
onClick={this.handleToggleScrollSync}
icon="scroll"
title="Sync scrolling"
/>
</ViewControls>
{collectionPreviewEnabled && this.state.previewVisible ? (

5
packages/netlify-cms-core/src/components/Editor/EditorToggle.js
View File

@ -18,9 +18,9 @@ const EditorToggleButton = styled.button`
margin-bottom: 12px;
`;
const EditorToggle = ({ enabled, active, onClick, icon }) =>
const EditorToggle = ({ enabled, active, onClick, icon, title }) =>
!enabled ? null : (
<EditorToggleButton onClick={onClick} isActive={active}>
<EditorToggleButton onClick={onClick} isActive={active} title={title}>
<Icon type={icon} size="large" />
</EditorToggleButton>
);
@ -30,6 +30,7 @@ EditorToggle.propTypes = {
active: PropTypes.bool,
onClick: PropTypes.func.isRequired,
icon: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
};
export default EditorToggle;