diff --git a/src/components/forms/buffered-input-hoc.jsx b/src/components/forms/buffered-input-hoc.jsx index 246dfc03..b3561136 100644 --- a/src/components/forms/buffered-input-hoc.jsx +++ b/src/components/forms/buffered-input-hoc.jsx @@ -1,3 +1,7 @@ +/* DO NOT EDIT +@todo This file is copied from GUI and should be pulled out into a shared library. +See https://github.com/LLK/scratch-paint/issues/13 */ + import bindAll from 'lodash.bindall'; import PropTypes from 'prop-types'; import React from 'react'; diff --git a/src/components/forms/input.css b/src/components/forms/input.css index 6d5eefa5..36855e44 100644 --- a/src/components/forms/input.css +++ b/src/components/forms/input.css @@ -1,3 +1,7 @@ +/* DO NOT EDIT +@todo This file is copied from GUI and should be pulled out into a shared library. +See https://github.com/LLK/scratch-paint/issues/13 */ + @import "../../css/units.css"; @import "../../css/colors.css"; diff --git a/src/components/forms/input.jsx b/src/components/forms/input.jsx index 6f9cbffa..1c6d087a 100644 --- a/src/components/forms/input.jsx +++ b/src/components/forms/input.jsx @@ -1,3 +1,7 @@ +/* DO NOT EDIT +@todo This file is copied from GUI and should be pulled out into a shared library. +See https://github.com/LLK/scratch-paint/issues/13 */ + import PropTypes from 'prop-types'; import React from 'react'; import classNames from 'classnames'; diff --git a/src/components/forms/label.css b/src/components/forms/label.css index 5eb280b8..7871cdd3 100644 --- a/src/components/forms/label.css +++ b/src/components/forms/label.css @@ -1,3 +1,7 @@ +/* DO NOT EDIT +@todo This file is copied from GUI and should be pulled out into a shared library. +See https://github.com/LLK/scratch-paint/issues/13 */ + @import "../../css/units.css"; @import "../../css/colors.css"; diff --git a/src/components/forms/label.jsx b/src/components/forms/label.jsx index 62f077a7..475ffb00 100644 --- a/src/components/forms/label.jsx +++ b/src/components/forms/label.jsx @@ -1,3 +1,7 @@ +/* DO NOT EDIT +@todo This file is copied from GUI and should be pulled out into a shared library. +See https://github.com/LLK/scratch-paint/issues/13 */ + import PropTypes from 'prop-types'; import React from 'react'; diff --git a/src/components/paint-editor.css b/src/components/paint-editor.css index c72d45ad..71651430 100644 --- a/src/components/paint-editor.css +++ b/src/components/paint-editor.css @@ -27,20 +27,6 @@ margin-left: calc(2 * $space); } -.waveform-container { - display: flex; - justify-content: space-around; - align-items: center; - width: 100%; - - position: relative; - - background: $ui-pane-gray; - border: 1px solid $ui-pane-border; - border-radius: 5px; - padding: 3px; -} - $border-radius: 0.25rem; .button { @@ -62,40 +48,6 @@ $border-radius: 0.25rem; min-width: 1.5rem; } -.trim-button { - display: flex; - align-items: center; - padding-right: 10px; /* To equalize with empty whitespace from image on left */ -} - -.trim-button > img { - width: 1.5rem; -} - -.trim-button-active { - filter: hue-rotate(155deg); /* @todo replace blue -> red with real submit icon */ -} - -.input-group-right { - flex-grow: 1; - display: flex; - flex-direction: row-reverse; -} - -.effect-button { - flex-basis: 150px; - color: $text-primary; -} - -.effect-button + .effect-button { - margin: 0; -} - -.effect-button img { - width: 60px; - height: 60px; -} - .button-group { margin: 0 1rem; } diff --git a/src/css/colors.css b/src/css/colors.css index d524795c..0fe15fca 100644 --- a/src/css/colors.css +++ b/src/css/colors.css @@ -1,3 +1,7 @@ +/* DO NOT EDIT +@todo This file is copied from GUI and should be pulled out into a shared library. +See https://github.com/LLK/scratch-paint/issues/13 */ + $ui-pane-border: #D9D9D9; $ui-pane-gray: #F9F9F9; $ui-background-blue: #e8edf1; diff --git a/src/css/units.css b/src/css/units.css index 3de6174a..acb466b1 100644 --- a/src/css/units.css +++ b/src/css/units.css @@ -1,3 +1,7 @@ +/* DO NOT EDIT +@todo This file is copied from GUI and should be pulled out into a shared library. +See https://github.com/LLK/scratch-paint/issues/13 */ + $space: 0.5rem; $sprites-per-row: 5;