Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Additional playground with multiple instances of blockly #67

Conversation

rachel-fenichel
Copy link
Collaborator

For at-a-glance testing of basic rendering in various combinations of modes.

Eventually it would be excellent for this to use events to reflect changes in one playground to all others, though that runs the risk of making all failures catastrophic.

if (this.horizontalLayout_) {
this.CONFIG_['cssTreeRow'] =
this.CONFIG_['cssTreeRow'] +
(workspace.RTL ? ' blocklyHorizontalTreeRtl' : ' blocklyHorizontalTree');

Blockly.Toolbox.TreeSeparator.CONFIG_['cssTreeRow'] =
this.TREE_SEPARATOR_CONFIG_['cssTreeRow'] =

This comment was marked as abuse.

This comment was marked as abuse.

@rschamp
Copy link
Contributor

rschamp commented Feb 23, 2016

It should probably be named multi_playground.html for consistency with the other *_playgrounds.

@rschamp
Copy link
Contributor

rschamp commented Feb 23, 2016

Other than the pre-existing RTL bug this looks great. Very helpful, thanks!

@rschamp rschamp assigned rachel-fenichel and unassigned rschamp Feb 23, 2016
rachel-fenichel added a commit that referenced this pull request Feb 23, 2016
Additional playground with multiple instances of blockly
@rachel-fenichel rachel-fenichel merged commit 48a449b into scratchfoundation:develop Feb 23, 2016
@rachel-fenichel rachel-fenichel deleted the feature/multi-playground branch February 23, 2016 23:46
picklesrus pushed a commit to picklesrus/scratch-blocks that referenced this pull request Aug 4, 2017
…s, + menu bar (scratchfoundation#83)

* Covers parts of these issues: GUI layout panes (scratchfoundation#69), sprite libraries (scratchfoundation#12), import buttons (scratchfoundation#64), menu bar (scratchfoundation#67), and sprite info area (scratchfoundation#53)

~ Refactored layout pane structure by removing `display: flex` from `.box`, by default. Declaring flex instead only where specifically needed. This helped fix layout quirks, and should help us avoid hard to find issues related to nested flex boxes

~ Added descriptive classnames to boxes/containers/wrappers. Moved more padding, margins + layout into these wrappers to help with component reusability.

~ Set up a spacer unit variable inside `gui.css`, to start keeping consistent padding, margins and rounded corners between panes. Used [CSS/PostCSS Modules](https://github.com/css-modules/postcss-modules-values) to avoid SCSS dependency.

~ Refactored inline styles from JSX, into CSS files. 2 reasons: a) prepping for reuse of CSS Module variables. b) Feels easier to debug complex flex layouts when all the styles are in one place vs JS/HTML/CSS syntax mixed together

~ Added menu bar into layout via new component, and sprite info header in sprite selector pane, with stubs for the labels + forms. Sprite items are correctly scrolling, while leaving the header fixed, in Chrome. Mostly working in FFx. Not working in Safari, IE yet.

~ Style pass on library modal

~ Experimenting with a few different transition styles: Logo in menu bar, sprite library items, Add buttons.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants