diff --git a/docs/static/download/firmware.png b/docs/static/download/firmware.png new file mode 100644 index 00000000..6c9e6f44 Binary files /dev/null and b/docs/static/download/firmware.png differ diff --git a/docs/static/download/firmware.svg b/docs/static/download/firmware.svg index 417e3d1f..28a76614 100644 --- a/docs/static/download/firmware.svg +++ b/docs/static/download/firmware.svg @@ -1,252 +1,279 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/editor/extension.ts b/editor/extension.ts index b26075f2..f0a7d6bf 100644 --- a/editor/extension.ts +++ b/editor/extension.ts @@ -25,41 +25,55 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P const saveAs = pxt.BrowserUtils.hasSaveAs(); const htmlBody = ` -
-
-
-
- -
-
-
- 1 - ${lf("Connect the EV3 brick to your computer with a USB cable.")} +
+
+
${lf("First time here?")}
+ ${lf("You must have version 1.10 or above of the firmware")} +
+ +
+ ${lf("Check your firmware version here and update if needed")} +
+
+
+
+
+
+
+
+
+ +
+
+
+ 1 + ${lf("Connect the EV3 to your computer with a USB cable")} +
+ ${lf("Use the miniUSB port on the top of the EV3 brick")} +
+
+
+
+
+
+
+ +
+
+
+ 2 + ${lf("Move the .uf2 file to the EV3 brick")} +
+ ${lf("Locate the downloaded .uf2 file and drag it to the EV3 USB drive")} +
+
+
+
+
-
-
-
- -
-
-
- 2 - ${lf("Locate the downloaded .uf2 file and drag it to the EV3 drive")} -
-
-
-
-
-
-
- - - ${lf("Did you prepare your EV3 brick for MakeCode?")} - -
`; return confirmAsync({ @@ -69,6 +83,7 @@ pxt.editor.initExtensionsAsync = function (opts: pxt.editor.ExtensionOptions): P hideCancel: true, hideAgree: false, agreeLbl: lf("I got it"), + className: 'downloaddialog', buttons: [downloadAgain ? { label: fn, icon: "download", diff --git a/theme/style.less b/theme/style.less index 3252573c..69a407f7 100644 --- a/theme/style.less +++ b/theme/style.less @@ -111,9 +111,11 @@ } /* Editor download dialog */ -.ui.button.troubleshoot { - background: none !important; - color: @blue; +.ui.downloaddialog.modal>.content { + padding: 1rem; +} +.ui.downloaddialog.modal>.actions { + background-color: #FAFAFA; } /* Tutorial */