Liked @paulkaplan’s suggestion that the property get renamed `showBranding` as we use ‘embedded’ in multiple ways that would get confusing.
The embedded project view is ‘playerOnly’, ‘fullscreen’ and ‘showBranding’.
* Fix all the little RTL layout bugs
- [ ] borders on toolbox and workspace mirror correctly
- [ ] spacing on stage selector is correct
- [ ] stage size icons are mirrored
- [ ] extension library coming soon text is positioned correctly
- [ ] only mirror blocks icon on the tab (others stay right-handed)
- [ ] drop down icon in create variable modal has correct spacing
* FIx RTL backpack header border-radius
* round the bottom corner of paint/sound editors
This makes the editor’s asset panels match the blocks.
Pass a `stageSize` property down from a centralized `MediaQuery` in the
GUI component, and control the size of the stage and all surrounding
elements based on that value. Note that this is a pure property and is
not stored in the Redux state, since we gain access to the results of
the media query during `render()` and we shouldn't change Redux state
during `render()`.
Some stage-adjacent elements don't yet react correctly to the smallest
stage size.
* Player mode
Add isPlayerOnly property on GUI. Move isFullScreen into mode reducer with isPlayerOnly.
Full screen needs to be a separate prop so that GUI knows what to show when exiting full-screen (either player-only or full editor).
- set `gui-body * {box-sizing: border-box;}` instead of expecting it to be set by the enclosing component/playground, and removed uses of content-box (adjusting sizes as needed)
- Added `!isPlayerOnly` to the conditions for draggable sprites
- rewrote player example to use player mode.
- Auditing color CSS and componet CSS to make consistent.
- Made a first pass of changes to increase contrast to elements that previously were problematic
Images are draggable by default, but when used within buttons or as
clickable elements, they should not be draggable because starting a drag
accidentally prevents the click event.
* add feedback form
This implements #829
* small style updates to the stage buttons
from @carljbowman
* remove `stageSize` for now
We eventually need this, but not yet, and it’s causing lint failure.
* Implement GH-830: Add coming soon tooltips
This implements coming soon tooltips for:
* the small stage size
* save, load and language
It also creates the component that can be copied over into the paint editor for use there as well.
Lastly, this does a small refactor on the full screen implementation to include multiple small screen sizes too.
** Merging in loupe color picker changes from upstream. Resolved conflicts, which
required some minor changes. The color picker menu from scratch-blocks along
with other workspace menus will show through stage when zoomed if opened.
Resolved by moving stage/stage-header z-index from 999 to 5000.
1. Fixed issue with sprites not being dragable when stage zoomed.
2. Fixed issue with coordinates of mouse position being wrong when
stage is zoomed. This was caused by the renderer not being
resized when zooming/unzooming.
3. Refactored zoom control to separate react component/containter
with global reducer for isZoomed, which is passed to the stage
container. This allows for the zoom control to zoom the stage
menu and stage as seperate containers.
4. Added icons zoom/unzoom for stage zoom control. Moved icon
position to be part of stage menu floating to right of start/stop
buttons.
chrisgarrity