diff --git a/demos/blockfactory/factory.js b/demos/blockfactory/factory.js
index cb2bbca0d..129048b6c 100644
--- a/demos/blockfactory/factory.js
+++ b/demos/blockfactory/factory.js
@@ -433,6 +433,11 @@ function init() {
linkButton.addEventListener('click', BlocklyStorage.link);
}
+ document.getElementById('helpButton').addEventListener('click', function() {
+ open('https://developers.google.com/blockly/custom-blocks/block-factory',
+ 'BlockFactoryHelp');
+ });
+
var expandList = [
document.getElementById('blockly'),
document.getElementById('previewFrame'),
diff --git a/demos/blockfactory/index.html b/demos/blockfactory/index.html
index 5a6fbf0b8..8e04ed09f 100644
--- a/demos/blockfactory/index.html
+++ b/demos/blockfactory/index.html
@@ -54,24 +54,28 @@
overflow: scroll;
}
- #linkButton {
+ button {
border-radius: 4px;
border: 1px solid #ddd;
background-color: #eee;
color: #000;
- padding: 1px 10px;
- margin: 1px 5px;
- display: none;
+ padding: 10px;
+ margin: 0 5px;
+ font-size: large;
}
- #linkButton:hover {
+ button:hover {
box-shadow: 2px 2px 5px #888;
}
- #linkButton>img {
+ button>* {
opacity: 0.6;
+ vertical-align: text-bottom;
}
- #linkButton:hover>img {
+ button:hover>* {
opacity: 1;
}
+ #linkButton {
+ display: none;
+ }
@@ -98,6 +102,12 @@
+
+