Comments (7)
- There should be a max width (if vertical, height if horizontal), since block stacks can be large.
- No horizontal scroll (if vertical)
@rachel-fenichel Could we have the horizontal scrollbar control be configurable (in vertical mode)? We've seen this issue in App Inventor (mit-cml/appinventor-sources#2156) and our preference would be to allow the user to scroll to see more of the blocks rather than clip them outright.
from blockly-samples.
@ewpatton FYI
from blockly-samples.
@ewpatton Gotcha, I'll remove that from the description.
from blockly-samples.
Another option would be to create a preview image and shrink it to a reasonable size.
from blockly-samples.
@RoboErikG I can see two potential issues with that approach:
- Currently, the blocks in the backpack are drawn at the same scale as the other flyouts and the main workspace. This could be potentially surprising to users if blocks starting have different sizes. Is each block stack sized independently, or are they scaled uniformly based on the largest stack?
- Font size could become an issue. For example, I often have my windows split screen (like right now). If I suddenly halve the available screen real estate the backpack can use going from full screen to split screen, the font scaled to 50% may become unreadable for people (11 pt -> 6.5 pt). I just tried this on my mac and while it was readable with on Retina display, there are also users on low resolution displays that may be adversely impacted by this.
I imagine that the definition of "reasonable size" could be adjusted to accommodate the font size issue, however the flyout may still end up needing to clip at that point. I think this also doesn't account well for inlined inputs where the horizontal extent of the blocks can be quite large.
from blockly-samples.
@ewpatton the preview image is the current approach in Scratch if you want to see how it works in practice.
A nice bonus since Blockly moved to a plugin system, both could be implemented as separate plugins. =)
from blockly-samples.
Closing because we now have a backpack!
from blockly-samples.
Related Issues (20)
- Field colour hsv sliders renders incorrectly in zelos when block has other fields HOT 1
- Scroll options plugin puts dragged block behind blocks in the workspace HOT 1
- Scroll options doesn't work with v11
- Cleanup after deleting blocks and fields from core HOT 3
- Convert `generateFieldTestBlocks` in `dev-tools` to use JSON
- Test generated code for field colour blocks HOT 1
- Clean up code style in generators for field colour blocks
- Plugin content highlight does not refresh when refrshing webpage HOT 2
- auto deserialize JSON/XML in advanced playground HOT 3
- Continuous toolbox doesn't include padding above category labels when scrolling to them HOT 2
- Update field colour readme to include the information currently on devsite HOT 1
- Disposing of a procedure definition disposes caller *and* next blocks
- Field bitmap throwing errors for non-square bitmaps
- Scroll options plugin is missing an import in utils.js
- shareable procedure plugin only support json format lost xml way,hope support it again HOT 1
- Re-add deleted serializer tests to angle, colour, and multiline field plugins
- Update field colour readme to explain that the developer must load a message file/set a locale HOT 2
- Consider excluding test-only changes from lerna release
- Update multiline text readme to include the information currently on devsite HOT 1
- Merge `blocks_for_fields` into `master` HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blockly-samples.