diff --git a/src/components/paint-editor/icons/bitmap.svg b/src/components/paint-editor/icons/bitmap.svg index 8b07f54e..47832b0c 100644 --- a/src/components/paint-editor/icons/bitmap.svg +++ b/src/components/paint-editor/icons/bitmap.svg @@ -5,7 +5,7 @@ Created with Sketch. - + diff --git a/src/components/paint-editor/paint-editor.css b/src/components/paint-editor/paint-editor.css index 38ca5063..087c1e82 100644 --- a/src/components/paint-editor/paint-editor.css +++ b/src/components/paint-editor/paint-editor.css @@ -179,13 +179,19 @@ $border-radius: 0.25rem; .bitmap-button { display: flex; border-radius: 5px; - background-color: hsla(0, 0%, 0%, .25); + background-color: $motion-primary; padding: calc(2 * $grid-unit); line-height: 1.5rem; font-size: calc(3 * $grid-unit); font-weight: bold; + color: white; justify-content: center; - opacity: .5; + opacity: .75; +} + +.bitmap-button:active { + background-color: $motion-primary; + opacity: 1; } .bitmap-button-icon { diff --git a/src/components/paint-editor/paint-editor.jsx b/src/components/paint-editor/paint-editor.jsx index 72297011..a323debd 100644 --- a/src/components/paint-editor/paint-editor.jsx +++ b/src/components/paint-editor/paint-editor.jsx @@ -15,7 +15,6 @@ import Button from '../button/button.jsx'; import ButtonGroup from '../button-group/button-group.jsx'; import BrushMode from '../../containers/brush-mode.jsx'; import BufferedInputHOC from '../forms/buffered-input-hoc.jsx'; -import {ComingSoonTooltip} from '../coming-soon/coming-soon.jsx'; import Dropdown from '../dropdown/dropdown.jsx'; import EraserMode from '../../containers/eraser-mode.jsx'; import FillColorIndicatorComponent from '../../containers/fill-color-indicator.jsx'; @@ -403,22 +402,19 @@ const PaintEditorComponent = props => { }
- -
- - - {props.intl.formatMessage(messages.bitmap)} - -
-
+ + + {props.intl.formatMessage(messages.bitmap)} + + {/* Zoom controls */}