diff --git a/docs/troubleshoot.md b/docs/troubleshoot.md new file mode 100644 index 00000000..e69de29b diff --git a/editor/extension.ts b/editor/extension.ts index 957a41da..62ca5ce9 100644 --- a/editor/extension.ts +++ b/editor/extension.ts @@ -51,7 +51,7 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P const saveAs = pxt.BrowserUtils.hasSaveAs(); const htmlBody = ` -
+
@@ -67,21 +67,6 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
-
-
-
- -
-
-
- 2 - ${lf("Make sure you have the latest EV3 firmware")} -
- ${lf("Click here to update to latest firmware")} -
-
-
-
@@ -89,9 +74,7 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P
- 3 - ${lf("Move the .uf2 file to EV3 brick")} -
+ 2 ${lf("Locate the downloaded .uf2 file and drag it to the EV3 drive")}
@@ -106,7 +89,11 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P hideCancel: true, hideAgree: false, agreeLbl: lf("I got it"), - buttons: [downloadAgain ? { + buttons: [{ + label: lf("I don't see the EV3 drive"), + url: '/troubleshoot', + class: 'troubleshoot left floated' + }, downloadAgain ? { label: fn, icon: "download", class: "lightgrey focused", diff --git a/theme/style.less b/theme/style.less index 8accbcfe..3aca7faf 100644 --- a/theme/style.less +++ b/theme/style.less @@ -109,6 +109,12 @@ background: @legoGreyLight; } +/* Editor download dialog */ +.ui.button.troubleshoot { + background: none !important; + color: @blue; +} + /* Mobile */ @media only screen and (max-width: @largestMobileScreen) { #filelist {