scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2024-12-22 21:42:30 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Hide stroke indicators in bitmap mode

Browse source
This commit is contained in:
DD 2018-04-12 14:23:19 -04:00
parent 9c84537a42
commit c9c04745bc
1 changed files with 50 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
src/components/paint-editor/paint-editor.jsx
View file

@ -310,34 +310,56 @@ const PaintEditorComponent = props => {
</div>
{/* Second Row */}
<div className={styles.row}>
<InputGroup
className={classNames(
styles.row,
styles.modDashedBorder,
styles.modLabeledIconHeight
)}
>
{/* fill */}
<FillColorIndicatorComponent
className={styles.modMarginRight}
onUpdateSvg={props.onUpdateSvg}
/>
{/* stroke */}
<StrokeColorIndicatorComponent
onUpdateSvg={props.onUpdateSvg}
/>
{/* stroke width */}
<StrokeWidthIndicatorComponent
onUpdateSvg={props.onUpdateSvg}
/>
</InputGroup>
<InputGroup className={styles.modModeTools}>
<ModeToolsContainer
onUpdateSvg={props.onUpdateSvg}
/>
</InputGroup>
</div>
{isVector(props.format) ?
<div className={styles.row}>
<InputGroup
className={classNames(
styles.row,
styles.modDashedBorder,
styles.modLabeledIconHeight
)}
>
{/* fill */}
<FillColorIndicatorComponent
className={styles.modMarginRight}
onUpdateSvg={props.onUpdateSvg}
/>
{/* stroke */}
<StrokeColorIndicatorComponent
onUpdateSvg={props.onUpdateSvg}
/>
{/* stroke width */}
<StrokeWidthIndicatorComponent
onUpdateSvg={props.onUpdateSvg}
/>
</InputGroup>
<InputGroup className={styles.modModeTools}>
<ModeToolsContainer
onUpdateSvg={props.onUpdateSvg}
/>
</InputGroup>
</div> :
<div className={styles.row}>
<InputGroup
className={classNames(
styles.row,
styles.modDashedBorder,
styles.modLabeledIconHeight
)}
>
{/* fill */}
<FillColorIndicatorComponent
className={styles.modMarginRight}
onUpdateSvg={props.onUpdateSvg}
/>
</InputGroup>
<InputGroup className={styles.modModeTools}>
<ModeToolsContainer
onUpdateSvg={props.onUpdateSvg}
/>
</InputGroup>
</div>
}
</div>
) : null}