瀏覽代碼

fiddling with UI

* no beep when pressing input only buttons for login,
  paddle and bulk options
* fidding with button sizing (assuming ~4:3 for now)
Abram Connelly 6 年之前
父節點
當前提交
bac589283d
共有 2 個文件被更改,包括 18 次插入5 次删除
  1. 10 0
      busunit/DIUv2/html/css/diustyles.css
  2. 8 5
      busunit/DIUv2/html/index-ORG.html

+ 10 - 0
busunit/DIUv2/html/css/diustyles.css

@@ -124,6 +124,7 @@ body { letter-spacing: 0.25em; }
 .bdrop    { font-size: 6vh; border: solid .3vw #888888; box-shadow: .5vw .5vw 0px #aaaaaa; }
 .bdropinp { font-size: 6vh; border: solid .3vw #888888; box-shadow: .5vw .5vw 0px #aaaaaa; }
 
+/*
 .bkey       { width: 20vh; height: 20vh; }
 .bkeyFull   { width: 96vw; height: 96vh; }
 .bkeyNarrow { width: 12vw; height: 40vh; }
@@ -131,6 +132,15 @@ body { letter-spacing: 0.25em; }
 .bkeym      { width: 20vw; height: 17vh; }
 .bkeyHuge   { width: 80vw; height: 80vh; }
 .bfieldinp  { width: 20vw; height: 20vh; }
+*/
+
+.bkey       { width: 18vh; height: 22vh; }
+.bkeyFull   { width: 96vw; height: 96vh; }
+.bkeyNarrow { width: 12vw; height: 40vh; }
+.bkeyw      { width: 25vw; height: 17vh; }
+.bkeym      { width: 20vw; height: 17vh; }
+.bkeyHuge   { width: 80vw; height: 80vh; }
+.bfieldinp  { width: 18vh; height: 22vh; }
 
 .bdisp {
   font-weight: bold;

+ 8 - 5
busunit/DIUv2/html/index-ORG.html

@@ -128,10 +128,12 @@ Diagnostic window...
         <div class='pure-u-1-6 col'> <button onmousedown='_beep();' class='bdropinp bkey ltyellow' id='ui_driver_2'>2</button> </div>
         <div class='pure-u-1-6 col'> <button onmousedown='_beep();' class='bdropinp bkey ltyellow' id='ui_driver_3'>3</button> </div>
 
+        <!-- ## -->
         <div class='pure-u-1-6 col'> <p><button onmousedown='_beep();' class='bdisp' style='display:block;' id='ui_driver_drivertext'>Driver</button></p> </div>
 
         <div class='pure-u-1-6 col'> 
-          <button onmousedown='_beep();' class="bdrop bfieldinp" id='ui_driver_driver' style='display:block;'></button>
+          <!-- <button onmousedown='_beep();' class="bdrop bfieldinp bkeyw" id='ui_driver_driver' style='display:block;'></button> -->
+          <button class="bdropinp bkeyw" id='ui_driver_driver' style='display:block;'></button>
         </div>
 
       </div>
@@ -149,7 +151,8 @@ Diagnostic window...
         </div>
 
         <div class='pure-u-1-6 col'> 
-          <button onmousedown='_beep();' class="bdrop bfieldinp" id='ui_driver_pin' style='display:none;'></button>
+          <!-- <button onmousedown='_beep();' class="bdrop bfieldinp bkeyw" id='ui_driver_pin' style='display:none;'></button> -->
+          <button class="bdropinp bkeyw" id='ui_driver_pin' style='display:none;'></button>
         </div>
 
       </div>
@@ -247,7 +250,7 @@ Diagnostic window...
         </div>
 
         <div class='pure-u-1-6 col'> 
-          <button onmousedown='_beep();' class="bdrop bfieldinp" id='ui_paddle_paddle' style='display:block;'></button>
+          <button class="bdropinp bkeyw" id='ui_paddle_paddle' style='display:block;'></button>
         </div>
 
 
@@ -498,7 +501,7 @@ Diagnostic window...
 
         <div class='pure-u-1-6 col'> </div>
         <div class='pure-u-1-6 col'> 
-          <button onmousedown='_beep();' class="bdropinp bkeyw" id='ui_bulkaccept_faretype' style='display:block;'>...</button>
+          <button class="bdropinp bkeyw" id='ui_bulkaccept_faretype' style='display:block;'>...</button>
 
 
         </div>
@@ -516,7 +519,7 @@ Diagnostic window...
 
         <div class='pure-u-1-6 col'> <p><button onmousedown='_beep();' class='bdisp' style='display:block;' id='ui_driver_drivertext'>#</button></p> </div>
         <div class='pure-u-1-6 col'> 
-          <button onmousedown='_beep();' class="bdropinp bkeyw" id='ui_bulkaccept_count' style='display:block;'></button>
+          <button class="bdropinp bkeyw" id='ui_bulkaccept_count' style='display:block;'></button>
         </div>
 
       </div>