ripple-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From t...@apache.org
Subject incubator-ripple git commit: Improve the accelerometer UI.
Date Wed, 15 Jul 2015 00:15:25 GMT
Repository: incubator-ripple
Updated Branches:
  refs/heads/master ac05124f1 -> f6a538dc4


Improve the accelerometer UI.

Changes include:
    - Make it more compact.
    - Actionable controls (canvas and the shake button) closer together.
    - Change the unit notation.

This closes #66


Project: http://git-wip-us.apache.org/repos/asf/incubator-ripple/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-ripple/commit/f6a538dc
Tree: http://git-wip-us.apache.org/repos/asf/incubator-ripple/tree/f6a538dc
Diff: http://git-wip-us.apache.org/repos/asf/incubator-ripple/diff/f6a538dc

Branch: refs/heads/master
Commit: f6a538dc41c6282045b53dfcba243b2306863e50
Parents: ac05124
Author: Arzhan Kinzhalin <arzhan.i.kinzhalin@intel.com>
Authored: Wed Jul 1 16:32:12 2015 -0300
Committer: Tim Barham <tim.barham@microsoft.com>
Committed: Wed Jul 15 10:14:20 2015 +1000

----------------------------------------------------------------------
 lib/client/ui/plugins/accelerometer/panel.html | 27 +++++++++------------
 1 file changed, 12 insertions(+), 15 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-ripple/blob/f6a538dc/lib/client/ui/plugins/accelerometer/panel.html
----------------------------------------------------------------------
diff --git a/lib/client/ui/plugins/accelerometer/panel.html b/lib/client/ui/plugins/accelerometer/panel.html
index b8e0c3a..ccf2268 100644
--- a/lib/client/ui/plugins/accelerometer/panel.html
+++ b/lib/client/ui/plugins/accelerometer/panel.html
@@ -27,48 +27,45 @@
     </section>
     <section id="accelerometer" class="info ui-widget-content ui-corner-all" style="display:
none;">
         <section class="accelerometer-info">
+            <div>
+            <button id="accelerometer-shake" style="position:absolute; right: 10px; top:
180px;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
+            <span class="ui-button-text">Shake</span>
+            </button>
             <canvas style="display: block;" id="accelerometer-canvas" width="300" height="200"></canvas>
+            </div>
 
             <table class="panel-table">
                 <tr>
                     <td colspan="2" style="text-align: center"> 
                         <em>
-                            Click and drag with the mouse to manipulate the device. <br/>
+                            Click and drag with the mouse to manipulate the device.<br/>
                             Hold the Shift key to modify 'alpha'
                         </em>
                     </td>
                 </tr>
                 <tr>
                     <td><label class="ui-text-label" for="accelerometer-x">xAxis:</label></td>
-                    <td><span id="accelerometer-x"></span>m / s^2</td>
+                    <td><span id="accelerometer-x" style="font-weight: bold;"></span>&nbsp;m/s&sup2;</td>
                 </tr>
                 <tr>
                     <td><label class="ui-text-label" for="accelerometer-y">yAxis:</label></td>
-                    <td><span id="accelerometer-y"></span> m / s^2</td>
+                    <td><span id="accelerometer-y" style="font-weight: bold;"></span>&nbsp;m/s&sup2;</td>
                 </tr>
                 <tr>
                     <td><label class="ui-text-label" for="accelerometer-z">zAxis:</label></td>
-                    <td><span id="accelerometer-z"></span> m / s^2</td>
+                    <td><span id="accelerometer-z" style="font-weight: bold;"></span>&nbsp;m/s&sup2;</td>
                 </tr>
                 <tr>
                     <td><label class="ui-text-label" for="accelerometer-alpha">alpha:</label></td>
-                    <td><span id="accelerometer-alpha"></span> deg</td>
+                    <td><span id="accelerometer-alpha" style="font-weight: bold;"></span>&deg;</td>
                 </tr>
                 <tr>
                     <td><label class="ui-text-label" for="accelerometer-beta">beta:</label></td>
-                    <td><span id="accelerometer-beta"></span> deg</td>
+                    <td><span id="accelerometer-beta" style="font-weight: bold;"></span>&deg;</td>
                 </tr>
                 <tr>
                     <td><label class="ui-text-label" for="accelerometer-gamma">gamma:</label></td>
-                    <td><span id="accelerometer-gamma"></span> deg</td>
-                </tr>
-                <tr>
-                    <td></td>
-                    <td>
-                        <button id="accelerometer-shake" class="ui-button ui-widget ui-state-default
ui-corner-all ui-button-text-only">
-                        <span class="ui-button-text">Shake</span>
-                        </button>
-                    </td>
+                    <td><span id="accelerometer-gamma" style="font-weight: bold;"></span>&deg;</td>
                 </tr>
             </table>
         </section>


Mime
View raw message