From df6249931d23116f391ec898a363a417e2a23e30 Mon Sep 17 00:00:00 2001 From: Sam El-Husseini <16690124+samelhusseini@users.noreply.github.com> Date: Mon, 7 May 2018 14:59:29 -0700 Subject: [PATCH] Update download dialog (#589) --- docs/static/download/firmware.png | Bin 0 -> 4635 bytes docs/static/download/firmware.svg | 529 ++++++++++++++++-------------- editor/extension.ts | 77 +++-- theme/style.less | 8 +- 4 files changed, 329 insertions(+), 285 deletions(-) create mode 100644 docs/static/download/firmware.png diff --git a/docs/static/download/firmware.png b/docs/static/download/firmware.png new file mode 100644 index 0000000000000000000000000000000000000000..6c9e6f44ca47a124edb8dff0bc701c0f5dbfb3a7 GIT binary patch literal 4635 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 literal 0 HcmV?d00001 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 */