diff --git a/hyper/ui/css/hyper-common.css b/hyper/ui/css/hyper-common.css index 24bfa87..21b0ceb 100755 --- a/hyper/ui/css/hyper-common.css +++ b/hyper/ui/css/hyper-common.css @@ -107,6 +107,13 @@ strong color: #ffffff !important; } +.et-btn-green-no-highlight +{ + border-color: #54dfb3 !important; + background-color: #54dfb3 !important; + color: #ffffff !important; +} + .et-btn-blue { border-color: #6bc6ce !important; @@ -122,6 +129,13 @@ strong color: #ffffff !important; } +.et-btn-blue-no-highlight +{ + border-color: #6bc6ce !important; + background-color: #6bc6ce !important; + color: #ffffff !important; +} + .et-btn-indigo { border-color: #b48b9b !important; @@ -137,6 +151,13 @@ strong color: #ffffff !important; } +.et-btn-indigo-no-highlight +{ + border-color: #b48b9b !important; + background-color: #b48b9b !important; + color: #ffffff !important; +} + .et-btn-arctic { border-color: #f3f3f3 !important; @@ -167,6 +188,13 @@ strong color: #ffffff !important; } +.et-btn-stone-no-highlight +{ + border-color: #777777 !important; + background-color: #777777 !important; + color: #ffffff !important; +} + .et-btn-stone-light { border-color: #999999 !important; diff --git a/hyper/ui/css/hyper-ui.css b/hyper/ui/css/hyper-ui.css index 6551fe7..f245408 100644 --- a/hyper/ui/css/hyper-ui.css +++ b/hyper/ui/css/hyper-ui.css @@ -365,6 +365,7 @@ TODO: Remove, use automatic width for all buttons. { font-size: 70%; padding: 3px; + cursor: auto !important; } .project-list .project-entry .app-icon diff --git a/hyper/ui/index.html b/hyper/ui/index.html index 3e22f66..201145a 100644 --- a/hyper/ui/index.html +++ b/hyper/ui/index.html @@ -536,7 +536,7 @@

Introduction

Evothings Studio consists of two connected parts, Evothings Workbench (the application you are currently running) and the Evothings Viewer app running on your mobile device(s). You need both parts to be able to use Evothings Studio.

-

Run apps on connected Viewers by clicking on the apps listed under Examples and My Apps. The currently running app will be automatically reloaded when saving edited code files.

+

Run apps on connected Viewers by clicking on the apps listed under Examples and My Apps. The currently running app will be automatically reloaded when saving edited code files.

Step 1: Install Evothings Viewer

@@ -546,13 +546,13 @@

Step 2: Connect to the Workbench from the Viewer

To connect the Evothings Viewer app to the Workbench, you need Internet access and a connect key.

-

Go to the screen and click the button to obtain a connect key. Use this key when connecting from the Viewer. Once connected, your session has no time limit. Click the "Get Key" button again if the connect key times out.

+

Go to the screen and click the button to obtain a connect key. Use this key when connecting from the Viewer. Once connected, your session has no time limit. Click the "Get Key" button again if the connect key times out.

-

Click on the Connect screen to get a Quick-Connect button in the Evothings Viewer app. This button is displayed when you restart the Viewer and allows you to reconnect to the Workbench where you are logged in, without entering a connect key again. This makes it much quicker to connect to the same Workbench.

+

Click on the Connect screen to get a Quick-Connect button in the Evothings Viewer app. This button is displayed when you restart the Viewer and allows you to reconnect to the Workbench where you are logged in, without entering a connect key again. This makes it much quicker to connect to the same Workbench.

Step 3: How to create a new app

-

To create your own apps you have three options. Copy one of the Evothings example apps by clicking the button, and modify it for your own purposes, or click the button to create a basic app template.

+

To create your own apps you have three options. Copy one of the Evothings example apps by clicking the button, and modify it for your own purposes, or click the button to create a basic app template.

You can also drag and drop any .html file (typically index.html) to the Workbench window to add an existing app under My Apps.

To add project with ECMAScript 6 support, drag the project folder or the evothings.json file into the Workbench window. Learn more in the ECMAScript documentation for Evothings Studio.

@@ -560,8 +560,8 @@

Step 3: How to create a new app

Step 4: Code in your favourite editor end enjoy live reload

-

Launch the app you wish to work on in connected Viewers using the button. This makes it the active app. When you save any code file for the active app, it will automatically get reloaded on all connected mobile devices.

-

To edit the code of an app, click the button on the app under My Apps. This will open a system file browser for your app. (Note that you cannot edit Evothings example apps directly, you need to make a copy first.)

+

Launch the app you wish to work on in connected Viewers using the button. This makes it the active app. When you save any code file for the active app, it will automatically get reloaded on all connected mobile devices.

+

To edit the code of an app, click the button on the app under My Apps. This will open a system file browser for your app. (Note that you cannot edit Evothings example apps directly, you need to make a copy first.)

From the system file browser, open the files you wish to edit in your editor of choice. Edit the file and press save in the editor to reload the app.

For further details, please visit the online documentation.

Happy coding!

@@ -593,7 +593,7 @@

Connect and Login

New in this release is support for ECMAScript 6. Visit the ECMAScript 6 documentation page to learn about the new project file structure and the new settings in evothings.json. Use the example app "Hello ECMAScript 6" as a starting point for your projects.

-

Read the Getting Started Guide for detailed first-time instructions. Evothings Studio consists of Evothings Workbench and the Evothings Viewer mobile app (get it from Google Play or Apple App Store). To run apps in Evothings Viewer, you need Internet access and a connect key that you get below.

+

Read the Getting Started Guide for detailed first-time instructions. Evothings Studio consists of Evothings Workbench and the Evothings Viewer mobile app (get it from Google Play or Apple App Store). To run apps in Evothings Viewer, you need Internet access and a connect key that you get below.