Skip to content
Browse files

Improve Blockly controls

Fixed Issue #1352:

1. Cursor changes to pointer when hovering over the backpack and zoom elements on the right side of screen.
2. Zoom elements and trashcan are now black to increase their visibility on the screen, especially when the grey sidebar is extended over them.
3. Shifted the positioning of the zoom control images from the sprites.png image so that no more ugly lines display around the controls.
  • Loading branch information...
ramiAbdou authored and ewpatton committed Feb 26, 2019
1 parent 4cfd02b commit f5a769a4b0e84d6064e1a115d6664063b6338672
@@ -28,3 +28,11 @@
fill: #ddd;
fill-opacity: .8;

.blocklybackpackImage:hover {
cursor: pointer;

.blocklyZoomButton:hover {
cursor: pointer;
@@ -205,6 +205,9 @@ Blockly.Backpack.prototype.createDom = function(opt_workspace) {
this.svgBody_.setAttributeNS('', 'xlink:href',
Blockly.pathToBlockly + this.BPACK_CLOSED_);

this.svgBody_.setAttribute('class', 'blocklybackpackImage');

return this.svgGroup_;

0 comments on commit f5a769a

Please sign in to comment.
You can’t perform that action at this time.