Commit graph

254 commits

Author SHA1 Message Date
Paul Kaplan
7ab106ee27 Update eslint and fix duplicate import errors 2021-02-09 12:20:26 -05:00
adroitwhiz
aeb7871502 Make slider gradients match actual slider range 2020-09-30 20:19:27 -04:00
adroitwhiz
1d5b032c3d Don't treat slider handles as background clicks 2020-09-30 20:06:51 -04:00
adroitwhiz
a436c6f3a8 Make slider handles stick to the cursor 2020-07-31 12:49:21 -04:00
adroitwhiz
6094953ef4 Wire up stroke gradient controls
* Abstract FillColorIndicator and StrokeColorIndicator to ColorIndicator
* Replace stroke color reducer with stroke style reducer
* Add color style proptype
* Clear stroke gradient in line mode
2020-07-23 05:57:52 -04:00
adroitwhiz
c95f882d7e Fix color button turning white when it shouldn't
If you select a group with "mixed" gradient types, then color and color2
will both be MIXED. If you then select a shape with a solid color, it
won't reset color2, which will remain MIXED. We only want the background
to appear white if color2 is MIXED *and* the gradient type actually uses
color2. This is already done in the component itself, which only shows
the "mixed" icon if the gradient type is non-solid, but
colorToBackground left out this gradient type check.
2020-06-12 02:59:35 -04:00
adroitwhiz
dc40eea771 Extend scrollbar hitbox to canvas edges 2020-06-03 12:48:47 -04:00
DD Liu
337f12b836 Fill the available space in the costume tab 2020-04-21 18:04:26 -04:00
DD Liu
ca76a99fb4 Add more space around the scrollbars 2020-04-21 12:31:06 -04:00
Paul Kaplan
3470fd8232 Prevent rounding error when getting image data.
This was causing a crash on Safari. See #966 for more details.
2020-02-04 09:02:21 -05:00
DD Liu
f7bade8781 Instead of increasing the max width of tools, slightly increase the width at which paint editor switches over to 2 rows of tools so that they have enough space to make 2 rows 2020-01-17 14:10:37 -05:00
DD Liu
7d7e42b63f Fix the tools being in 1 column instead of 2 sometimes when the paint editor is in expanded mode 2019-11-13 16:36:48 -05:00
DD Liu
0a510e975b Prevent buttons from stacking on top of each other in paint 2019-11-13 16:30:41 -05:00
Paul Kaplan
73fcbef28d Always use passive: false on touch move drag handler events (#858) 2019-07-15 11:48:20 -04:00
Paul Kaplan
abc5b66395 Make scrollbars touch accessible.
The GUI which uses the same getEventXY helpers just wire up both touch and mouse events instead of just mouse events
2019-06-13 11:44:06 -04:00
Paul Kaplan
8e8701f6d3 Fix a bug with the loupe where it would be blank on first render.
Wasn't much of an issue when using only mousemove because that was called many times, but calling on mousedown makes the first blank frame more obvious.
2019-01-14 10:23:15 -05:00
DD Liu
1a8178808a
Limit stroke width to 100 (#796) 2018-12-14 10:46:15 -05:00
Florrie
934b756032 Make mouse cursor react to what it's hovered over (#762) 2018-12-10 17:42:29 -05:00
DD Liu
e4883063fe
Handle transparency in bitmap tools (#660) 2018-09-12 13:21:54 -04:00
DD Liu
5b1d9ee9c4
Make scrollbars a smidgen larger (#674) 2018-09-12 12:25:28 -04:00
DD Liu
29e25cf4e9
Use RGBA instead of hex so Edge can understand the color (#673) 2018-09-12 12:19:38 -04:00
DD Liu
45018e4f64
Add component will unmount to deactivate to all tools (#657) 2018-09-11 10:35:08 -04:00
kyleplo
3701f99d93 Make gradient icons not selectable (#645) 2018-09-05 15:58:22 -04:00
DD Liu
4be60cae49
Copy and delete work on all objects when none are selected (#634) 2018-09-05 15:34:00 -04:00
DD Liu
516f6eb714
Zoom to fit (#629)
Note do not merge without GUI change
2018-08-31 12:07:17 -04:00
DD Liu
20a98db397
Break paint-editor.jsx code out into HOCs (#633) 2018-08-30 17:51:11 -04:00
DD Liu
c6458ddebc
Fix the pointer-events error in the console (#635) 2018-08-30 14:56:10 -04:00
DD Liu
07effb7fd8
Scroll containers shouldn't intercept pointer events (#630) 2018-08-29 17:09:45 -04:00
DD Liu
4474ec3aa1
Keyboard shortcuts (#623) 2018-08-29 15:29:13 -04:00
chrisgarrity
97f669423a
Make PaintEditor component rtl aware (#617)
* Make PaintEditor component rtl aware

Fixes the color-picker and any other popover elements.

Adds an RTL prop to the PaintEditor that initializes the `layout` state in redux. Any other components that need to know the layout refer to the state in redux.

I debated whether the state should just be a boolean (true for RTL), or ‘rtl’, ‘ltr’. I went with the latter, but could be convinced that boolean would be better.

I did not add `dir=“rtl”` to the font picker dropdown as all the names are in LTR languages.

Question: Should the sliders reverse direction, and if so, is it worth doing right now when the layout of the color picker may change.

Adding the rtl prop and the `dir=…` to the PaintEditorComponent fixes layout issues in the playground.

* Don’t reverse gradient swatches: the fill colors (and swatch preview) should represent the way the left-right colors will blend when filling a shape.
2018-08-23 19:08:56 -04:00
chrisgarrity
620dd6ae49
Mirror margins, borders and arrow icons for RTL (#616)
* Mirror margins, borders and arrow icons for RTL

This handles everything exception the color picker.

I verified that things like the paint brush and magnifying glass should not be mirrored (even people who read Hebrew are usually right-handed)

* Fix dropdown icon padding in RTL
2018-08-22 13:13:46 -04:00
DD Liu
50de05cee4
Scrollbars (#602) 2018-08-16 16:49:43 -04:00
Jacco Kulman
8056a788e7 Loupe issues fixed #378 (#382) 2018-08-08 18:27:01 -04:00
apple502j
5c723e5f92 Localize tool tooltips (#573)
* Create messages.js for all tooltips as many are shared between the bitmap and vector editors:
  * Brush Translation
  * Eraser Translation
  * Fill Translation
  * Line Translation
  * Oval Translation
  * Rect Translation
  * Reshape Translation
  * RoundedRect Translation
  * Select Translation
  * Text Translation
2018-08-06 09:16:35 -04:00
chrisgarrity
28ad90c9fe
Merge pull request #560 from chrisgarrity/issue/543-localize
Adjust format for different locales
2018-07-18 14:31:09 -04:00
chrisgarrity
ec38552b32 Fix icon alignment when there are no labels 2018-07-18 14:21:39 -04:00
DD Liu
4ba79cacbb
Vector gradient (#558) 2018-07-17 16:37:03 -04:00
chrisgarrity
0ed3aaf3db Adjust format for different locales
* increased fullsize editor width, English required 1272, adding a couple more pixels allowed a couple of other languages to keep labels
* hide flip vertical/horizonal labels for everything except English
* hide all labels for languages defined in `hideLabel`
2018-07-16 14:34:36 -04:00
DD Liu
21f3a5f30c
Add missing props validation (#556) 2018-07-13 10:55:36 -04:00
DD Liu
4e4bb396a6
Draw oval and rectangle outlines in bitmap (#550) 2018-07-12 15:48:30 -04:00
Paul Kaplan
11bab6ebe2
Merge pull request #553 from paulkaplan/fix-conversion-button-styles
Make the bitmap/vector conversion button look enabled
2018-07-12 10:38:47 -04:00
Paul Kaplan
1d63bafedd Make the bitmap conversion button enabled always 2018-07-12 10:27:14 -04:00
Paul Kaplan
64b71703ce Simplify the logic for reshape delete 2018-07-09 09:17:15 -04:00
Paul Kaplan
501f9806e6 Make fill and outline labels go above color buttons 2018-07-06 15:32:31 -04:00
Paul Kaplan
20228dfe0a Check for curved points as well as selected items for reshape delete 2018-07-06 11:27:48 -04:00
Paul Kaplan
fb460e3eb3 Add delete button for reshape tool also
The delete code already handles the pointwise deletion correctly, just needed to add it to the tool row
2018-07-05 14:17:20 -04:00
Paul Kaplan
a837b9ced6 Add delete button to mode tools for select tool 2018-07-05 14:16:43 -04:00
Paul Kaplan
74196228f1
Merge pull request #542 from paulkaplan/increase-tool-visibility
Increase selected tool visibility by making the icon white and bg blue.
2018-07-05 08:55:29 -04:00
Paul Kaplan
e772907023 Increase selected tool visibility by making the icon white and bg blue.
Resolves #375
2018-06-29 08:30:47 -04:00
Paul Kaplan
06a3ab7390
Merge pull request #537 from fsih/bitSelectTool
Bitmap select tool
2018-06-29 07:50:44 -04:00