Add arrows to the system keyboard.

BUG=297768

Review URL: https://codereview.chromium.org/36063002

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@230602 0039d316-1c4b-4281-b951-d872f2087c98

3 files changed, 36 insertions, 16 deletions

diff --git a/ui/keyboard/resources/elements/kb-key-codes.html b/ui/keyboard/resources/elements/kb-key-codes.html
index 6a10d84..b1518fc 100644
--- a/ui/keyboard/resources/elements/kb-key-codes.html
+++ b/ui/keyboard/resources/elements/kb-key-codes.html
@@ -27,6 +27,10 @@
       '\n': {keyCode: 0x0D, shiftModifier: false},
       'Esc': {keyCode: 0x1B, shiftModifier: false},
       ' ': {keyCode: 0x20, shiftModifier: false},
+      'Arrow-Left': {keyCode: 0x25, shiftModifier: false},
+      'Arrow-Up': {keyCode: 0x26, shiftModifier: false},
+      'Arrow-Right': {keyCode: 0x27, shiftModifier: false},
+      'Arrow-Down': {keyCode: 0x28, shiftModifier: false},
       '0': {keyCode: 0x30, shiftModifier: false},
       ')': {keyCode: 0x30, shiftModifier: true},
       '1': {keyCode: 0x31, shiftModifier: false},
diff --git a/ui/keyboard/resources/layouts/system-qwerty.html b/ui/keyboard/resources/layouts/system-qwerty.html
index 2b85748..5e4d7ef 100644
--- a/ui/keyboard/resources/layouts/system-qwerty.html
+++ b/ui/keyboard/resources/layouts/system-qwerty.html
@@ -15,7 +15,7 @@
     <kb-row>
       <kb-key-sequence invert=true keys="'1234567890-="
           hintTexts="~!@#$%^&*()_+"> </kb-key-sequence>
-      <kb-key class="backspace dark" char="&#x0008;"
+      <kb-key class="backspace dark" weight="2.6" char="&#x0008;"
           repeat align="right">backspace</kb-key>
     </kb-row>
     <kb-row>
@@ -38,15 +38,15 @@
       <kb-shift-key weight="1.8" align="right">shift</kb-shift-key>
     </kb-row>
     <kb-row>
-      <kb-modifier-key class="symbol dark" char="Ctrl"
+      <kb-modifier-key class="symbol dark" weight="2.0" char="Ctrl"
           align="left">ctrl</kb-modifier-key>
-      <kb-modifier-key class="symbol dark" char="Alt"
+      <kb-modifier-key class="symbol dark" weight="2.0" char="Alt"
           align="left">alt</kb-modifier-key>
-      <kb-key char=" " class="space dark" weight="6.0"></kb-key>
-      <kb-modifier-key class="symbol dark" char="Alt"
-          align="right">alt</kb-modifier-key>
-      <kb-modifier-key class="symbol dark" char="Ctrl"
-          align="right">ctrl</kb-modifier-key>
+      <kb-key char=" " class="space dark" weight="10.0"></kb-key>
+      <kb-key class="arrow-left dark" char="Arrow-Left"></kb-key>
+      <kb-key class="arrow-up dark" char="Arrow-Up"></kb-key>
+      <kb-key class="arrow-down dark" char="Arrow-Down"></kb-key>
+      <kb-key class="arrow-right dark" char="Arrow-Right"></kb-key>
       <kb-hide-keyboard-key></kb-hide-keyboard-key>
     </kb-row>
     <kb-altkey-container hidden>
@@ -60,7 +60,7 @@
     <kb-row>
       <kb-key-sequence keys="'1234567890-=" hintTexts="~!@#$%^&*()_+">
       </kb-key-sequence>
-      <kb-key class="backspace dark" char="&#x0008;"
+      <kb-key class="backspace dark" weight="2.6" char="&#x0008;"
           repeat align="right">backspace</kb-key>
     </kb-row>
     <kb-row>
@@ -81,15 +81,15 @@
       <kb-shift-key weight="1.8" align="right">shift</kb-shift-key>
     </kb-row>
     <kb-row>
-      <kb-modifier-key class="symbol dark" char="Ctrl"
+      <kb-modifier-key class="symbol dark" weight="2.0" char="Ctrl"
           align="left">ctrl</kb-modifier-key>
-      <kb-modifier-key class="symbol dark" char="Alt"
+      <kb-modifier-key class="symbol dark" weight="2.0" char="Alt"
           align="left">alt</kb-modifier-key>
-      <kb-key char=" " class="space dark" weight="6.0"></kb-key>
-      <kb-modifier-key class="symbol dark" char="Alt"
-          align="right">alt</kb-modifier-key>
-      <kb-modifier-key class="symbol dark" char="Ctrl"
-          align="right">ctrl</kb-modifier-key>
+      <kb-key char=" " class="space dark" weight="10.0"></kb-key>
+      <kb-key class="arrow-left dark" char="Arrow-Left"></kb-key>
+      <kb-key class="arrow-up dark" char="Arrow-Up"></kb-key>
+      <kb-key class="arrow-down dark" char="Arrow-Down"></kb-key>
+      <kb-key class="arrow-right dark" char="Arrow-Right"></kb-key>
       <kb-hide-keyboard-key></kb-hide-keyboard-key>
     </kb-row>
     <kb-altkey-container hidden>
diff --git a/ui/keyboard/resources/main.css b/ui/keyboard/resources/main.css
index ddca809..6ab675d 100644
--- a/ui/keyboard/resources/main.css
+++ b/ui/keyboard/resources/main.css
@@ -173,6 +173,22 @@ kb-key:-webkit-any(.backspace,
 /**
  * Images for keys.
  */
+.arrow-down {
+ background-image: url('images/down.svg');
+}
+
+.arrow-left {
+ background-image: url('images/left.svg');
+}
+
+.arrow-right {
+ background-image: url('images/right.svg');
+}
+
+.arrow-up {
+ background-image: url('images/up.svg');
+}
+
 .back {
   background-image: url('images/back.svg');
 }