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)
- 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
- Error: Property 'decoratePreviewerWithDynamicConnections' does not exist on type 'typeof import ("("/home/user/Documents/blockly/node_modules/@blockly/block-dynamic-connection/dist/index")'. HOT 1
- Save/load/delete multiple blocks
- Block factory: add generator stubs
- Block factory: adding code headers
- Block factory: import plugin fields HOT 1
- Block factory: backwards compatibility
- Block factory: redirect at top of old block factory
- Block factory: redirect back to old block factory
- eslint config disallows CONSTANT_CASE HOT 1
- Block factory: add shadow blocks to inputs HOT 1
- Resetting the workspace state when entering data in num and funcs HOT 5
- Make it so that the backpack is compatible with other types besides blocks HOT 1
- Update context menu codelab (scope + events)
- Content-highlight doesn't update for workspace comment move events
- typed-variable-modal plugin is not on plugins index page HOT 7
- Toolbox section of demos page is broken
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.