Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(167)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: ui/keyboard/resources/webui/keysets.html

Issue 16336002: Adjust the WebUI keyboard css and layout to work better in narrow spaces. (Closed) Base URL: http://git.chromium.org/chromium/src.git@master
Patch Set: Created 7 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « ui/keyboard/resources/webui/constants.js ('k') | ui/keyboard/resources/webui/main.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 -- Copyright (c) 2013 The Chromium Authors. All rights reserved. 2 -- Copyright (c) 2013 The Chromium Authors. All rights reserved.
3 -- Use of this source code is governed by a BSD-style license that can be 3 -- Use of this source code is governed by a BSD-style license that can be
4 -- found in the LICENSE file. 4 -- found in the LICENSE file.
5 --> 5 -->
6 6
7 <template> 7 <template>
8 <kb-keyset id="upper" toKeyset="lower"> 8 <kb-keyset id="upper" toKeyset="lower">
9 <kb-row> 9 <kb-row class="top">
10 <kb-key>Q</kb-key><kb-key>W</kb-key><kb-key>E</kb-key><kb-key>R</kb-key> 10 <kb-key>Q</kb-key><kb-key>W</kb-key><kb-key>E</kb-key><kb-key>R</kb-key>
11 <kb-key>T</kb-key><kb-key>Y</kb-key><kb-key>U</kb-key><kb-key>I</kb-key> 11 <kb-key>T</kb-key><kb-key>Y</kb-key><kb-key>U</kb-key><kb-key>I</kb-key>
12 <kb-key>O</kb-key><kb-key>P</kb-key> 12 <kb-key>O</kb-key><kb-key>P</kb-key>
13 </kb-row> 13 </kb-row>
14 <kb-row> 14 <kb-row>
15 <kb-key class="tab dark" char="Tab">tab</kb-key> 15 <div class="half-key-spacer"></div>
16 <kb-key>A</kb-key><kb-key>S</kb-key><kb-key>D</kb-key><kb-key>F</kb-key> 16 <kb-key>A</kb-key><kb-key>S</kb-key><kb-key>D</kb-key><kb-key>F</kb-key>
17 <kb-key>G</kb-key><kb-key>H</kb-key><kb-key>J</kb-key><kb-key>K</kb-key> 17 <kb-key>G</kb-key><kb-key>H</kb-key><kb-key>J</kb-key><kb-key>K</kb-key>
18 <kb-key>L</kb-key> 18 <kb-key>L</kb-key>
19 <div class="half-key-spacer"></div>
19 </kb-row> 20 </kb-row>
20 <kb-row> 21 <kb-row>
21 <kb-key class="left-shift dark" toKeyset="lower" char="Invalid">shift</kb- key> 22 <kb-key class="left-shift padded-left-special dark" toKeyset="lower" char= "Shift">shift</kb-key><kb-key>Z</kb-key>
bshe 2013/06/03 19:48:49 Looks like the char here should be "Invalid". Othe
SteveT 2013/06/03 20:26:42 Done.
22 <kb-key>Z</kb-key><kb-key>X</kb-key><kb-key>C</kb-key><kb-key>V</kb-key> 23 <kb-key>X</kb-key><kb-key>C</kb-key><kb-key>V</kb-key><kb-key>B</kb-key>
23 <kb-key>B</kb-key><kb-key>N</kb-key><kb-key>M</kb-key> 24 <kb-key>N</kb-key><kb-key>M</kb-key>
24 <kb-key class="backspace dark" char="Backspace" repeat>backspace</kb-key> 25 <kb-key class="backspace padded-right-special dark" char="Backspace" repea t>delete</kb-key>
25 </kb-row> 26 </kb-row>
26 <kb-row> 27 <kb-row>
28 <kb-key class="symbol dark" toKeyset="symbol">?123</kb-key>
bshe 2013/06/03 19:48:49 Need to add char="Invalid" here too.
SteveT 2013/06/03 20:26:42 Done.
27 <kb-key class="mic dark" char="Mic"></kb-key> 29 <kb-key class="mic dark" char="Mic"></kb-key>
28 <kb-key class="symbol dark" toKeyset="symbol" char="Invalid">#123</kb-key> 30 <kb-key class="dark">,</kb-key>
29 <kb-key class="dark">.com</kb-key>
30 <kb-key class="space dark" char="Spacebar"></kb-key> 31 <kb-key class="space dark" char="Spacebar"></kb-key>
31 <kb-key class="dark">@</kb-key> 32 <kb-key class="dark">.</kb-key>
32 <kb-key class='return dark' char="Enter">enter</kb-key> 33 <kb-key class="return dark" char="Enter">enter</kb-key>
33 </kb-row> 34 </kb-row>
34 </kb-keyset> 35 </kb-keyset>
35 36
36 <kb-keyset id="lower"> 37 <kb-keyset id="lower">
37 <kb-row> 38 <kb-row class="top">
38 <kb-key>q</kb-key><kb-key>w</kb-key><kb-key>e</kb-key><kb-key>r</kb-key> 39 <kb-key>q</kb-key><kb-key>w</kb-key><kb-key>e</kb-key><kb-key>r</kb-key>
39 <kb-key>t</kb-key><kb-key>y</kb-key><kb-key>u</kb-key><kb-key>i</kb-key> 40 <kb-key>t</kb-key><kb-key>y</kb-key><kb-key>u</kb-key><kb-key>i</kb-key>
40 <kb-key>o</kb-key><kb-key>p</kb-key> 41 <kb-key>o</kb-key><kb-key>p</kb-key>
41 </kb-row> 42 </kb-row>
42 <kb-row> 43 <kb-row>
43 <kb-key class="tab dark" char="Tab">tab</kb-key> 44 <div class="half-key-spacer"></div>
44 <kb-key>a</kb-key><kb-key>s</kb-key><kb-key>d</kb-key><kb-key>f</kb-key> 45 <kb-key>a</kb-key><kb-key>s</kb-key><kb-key>d</kb-key><kb-key>f</kb-key>
45 <kb-key>g</kb-key><kb-key>h</kb-key><kb-key>j</kb-key><kb-key>k</kb-key> 46 <kb-key>g</kb-key><kb-key>h</kb-key><kb-key>j</kb-key><kb-key>k</kb-key>
46 <kb-key>l</kb-key> 47 <kb-key>l</kb-key>
48 <div class="half-key-spacer"></div>
47 </kb-row> 49 </kb-row>
48 <kb-row> 50 <kb-row>
49 <kb-key class="left-shift dark" toKeyset="upper" char="Invalid">shift</kb- key> 51 <kb-key class="left-shift padded-left-special dark" toKeyset="upper" char= "Shift">shift</kb-key><kb-key>z</kb-key>
bshe 2013/06/03 19:48:49 Same here. s/Shift/Invalid
SteveT 2013/06/03 20:26:42 Done.
50 <kb-key>z</kb-key><kb-key>x</kb-key><kb-key>c</kb-key><kb-key>v</kb-key> 52 <kb-key>x</kb-key><kb-key>c</kb-key><kb-key>v</kb-key><kb-key>b</kb-key>
51 <kb-key>b</kb-key><kb-key>n</kb-key><kb-key>m</kb-key> 53 <kb-key>n</kb-key><kb-key>m</kb-key>
52 <kb-key class="backspace dark" char="Backspace" repeat>backspace</kb-key> 54 <kb-key class="backspace padded-right-special dark" char="Backspace" repea t>delete</kb-key>
53 </kb-row> 55 </kb-row>
54 <kb-row> 56 <kb-row>
57 <kb-key class="symbol dark" toKeyset="symbol">?123</kb-key>
bshe 2013/06/03 19:48:49 Add char="Invalid"
SteveT 2013/06/03 20:26:42 Done.
55 <kb-key class="mic dark" char="Mic"></kb-key> 58 <kb-key class="mic dark" char="Mic"></kb-key>
56 <kb-key class="symbol dark" toKeyset="symbol" char="Invalid">#123</kb-key> 59 <kb-key class="dark">,</kb-key>
57 <kb-key class="dark">.com</kb-key>
58 <kb-key class="space dark" char="Spacebar"></kb-key> 60 <kb-key class="space dark" char="Spacebar"></kb-key>
59 <kb-key class="dark">@</kb-key> 61 <kb-key class="dark">.</kb-key>
60 <kb-key class='return dark' char="Enter">enter</kb-key> 62 <kb-key class='return dark' char="Enter">enter</kb-key>
61 </kb-row> 63 </kb-row>
62 </kb-keyset> 64 </kb-keyset>
63 65
64 <kb-keyset id="symbol"> 66 <kb-keyset id="symbol">
65 <kb-row> 67 <kb-row class="top">
66 <kb-key>1</kb-key><kb-key>2</kb-key><kb-key>3</kb-key><kb-key>4</kb-key> 68 <kb-key>1</kb-key><kb-key>2</kb-key><kb-key>3</kb-key><kb-key>4</kb-key>
67 <kb-key>5</kb-key><kb-key>6</kb-key><kb-key>7</kb-key><kb-key>8</kb-key> 69 <kb-key>5</kb-key><kb-key>6</kb-key><kb-key>7</kb-key><kb-key>8</kb-key>
68 <kb-key>9</kb-key><kb-key>0</kb-key> 70 <kb-key>9</kb-key><kb-key>0</kb-key>
69 </kb-row> 71 </kb-row>
70 <kb-row> 72 <kb-row>
71 <kb-key class="tab dark" char="Tab">tab</kb-key>
72 <kb-key>!</kb-key><kb-key>@</kb-key><kb-key>#</kb-key><kb-key>$</kb-key> 73 <kb-key>!</kb-key><kb-key>@</kb-key><kb-key>#</kb-key><kb-key>$</kb-key>
73 <kb-key>%</kb-key><kb-key>^</kb-key><kb-key>&</kb-key><kb-key>*</kb-key> 74 <kb-key>%</kb-key><kb-key>^</kb-key><kb-key>&</kb-key><kb-key>*</kb-key>
74 <kb-key>(</kb-key> 75 <kb-key>(</kb-key><kb-key>)</kb-key>
75 </kb-row> 76 </kb-row>
76 <kb-row> 77 <kb-row>
77 <kb-key class="left-more dark" toKeyset="more" char="Invalid">more</kb-key > 78 <kb-key class="left-more padded-left-special dark" toKeyset="more">more</kb- key>
bshe 2013/06/03 19:48:49 add char="Invalid"
SteveT 2013/06/03 20:26:42 Done.
78 <kb-key>)</kb-key><kb-key>/</kb-key><kb-key>-</kb-key><kb-key>'</kb-key> 79 <kb-key>/</kb-key><kb-key>-</kb-key><kb-key>'</kb-key><kb-key>"</kb-key>
79 <kb-key>"</kb-key><kb-key>:</kb-key><kb-key>;</kb-key> 80 <kb-key>:</kb-key><kb-key>;</kb-key><kb-key>?</kb-key>
80 <kb-key class="backspace dark" char="Backspace" repeat>backspace</kb-key> 81 <kb-key class="backspace padded-right-special dark" char="Backspace" repea t>delete</kb-key>
81 </kb-row> 82 </kb-row>
82 <kb-row> 83 <kb-row>
84 <kb-key class="symbol dark" toKeyset="lower">abc</kb-key>
bshe 2013/06/03 19:48:49 add char="Invalid"
SteveT 2013/06/03 20:26:42 Done.
83 <kb-key class="mic dark" char="Mic"></kb-key> 85 <kb-key class="mic dark" char="Mic"></kb-key>
84 <kb-key class="symbol dark" toKeyset="lower" char="Invalid">abc</kb-key> 86 <kb-key class="dark">,</kb-key>
85 <kb-key class="dark">.com</kb-key>
86 <kb-key class="space dark" char="Spacebar"></kb-key> 87 <kb-key class="space dark" char="Spacebar"></kb-key>
87 <kb-key class="dark">@</kb-key> 88 <kb-key class="dark">.</kb-key>
88 <kb-key class='return dark' char="Enter">enter</kb-key> 89 <kb-key class='return dark' char="Enter">enter</kb-key>
89 </kb-row> 90 </kb-row>
90 </kb-keyset> 91 </kb-keyset>
91 92
92 <kb-keyset id="more"> 93 <kb-keyset id="more">
93 <kb-row> 94 <kb-row class="top">
94 <kb-key>_</kb-key><kb-key>`</kb-key><kb-key>~</kb-key> 95 <kb-key>_</kb-key><kb-key>`</kb-key><kb-key>~</kb-key>
95 <kb-key>&#60</kb-key><kb-key>&#62</kb-key><kb-key>[</kb-key> 96 <kb-key>&#60</kb-key><kb-key>&#62</kb-key><kb-key>[</kb-key>
96 <kb-key>]</kb-key><kb-key>{</kb-key><kb-key>}</kb-key><kb-key>\</kb-key> 97 <kb-key>]</kb-key><kb-key>{</kb-key><kb-key>}</kb-key><kb-key>\</kb-key>
97 </kb-row> 98 </kb-row>
98 <kb-row> 99 <kb-row>
99 <kb-key class="tab dark" char="Tab">tab</kb-key> 100 <kb-key class="tab padded-left-special dark" char="Tab">tab</kb-key>
100 <kb-key>|</kb-key><kb-key>+</kb-key><kb-key>=</kb-key><kb-key></kb-key> 101 <kb-key>|</kb-key><kb-key>+</kb-key><kb-key>=</kb-key><kb-key></kb-key>
101 <kb-key></kb-key><kb-key></kb-key><kb-key></kb-key><kb-key></kb-key> 102 <kb-key></kb-key><kb-key></kb-key><kb-key></kb-key><kb-key></kb-key>
102 <kb-key></kb-key> 103 <kb-key></kb-key>
103 </kb-row> 104 </kb-row>
104 <kb-row> 105 <kb-row>
105 <kb-key class="left-more dark" toKeyset="symbol" char="Invalid">#123</kb-k ey> 106 <kb-key class="left-more padded-left-special dark" toKeyset="symbol">?123< /kb-key><kb-key></kb-key>
bshe 2013/06/03 19:48:49 add char="Invalid"
SteveT 2013/06/03 20:26:42 Done.
106 <kb-key></kb-key><kb-key></kb-key><kb-key></kb-key><kb-key></kb-key> 107 <kb-key></kb-key><kb-key></kb-key><kb-key></kb-key><kb-key></kb-key>
107 <kb-key></kb-key><kb-key></kb-key><kb-key></kb-key> 108 <kb-key></kb-key><kb-key></kb-key>
108 <kb-key class="backspace dark" char="Backspace" repeat>backspace</kb-key> 109 <kb-key class="backspace padded-right-special dark" char="Backspace" repea t>delete</kb-key>
109 </kb-row> 110 </kb-row>
110 <kb-row> 111 <kb-row>
112 <kb-key class="symbol dark" toKeyset="lower">abc</kb-key>
bshe 2013/06/03 19:48:49 add char="Invalid"
SteveT 2013/06/03 20:26:42 Done.
111 <kb-key class="mic dark" char="Mic"></kb-key> 113 <kb-key class="mic dark" char="Mic"></kb-key>
112 <kb-key class="symbol dark" toKeyset="lower" char="Invalid">abc</kb-key> 114 <kb-key class="dark">,</kb-key>
113 <kb-key class="dark">.com</kb-key>
114 <kb-key class="space dark" char="Spacebar"></kb-key> 115 <kb-key class="space dark" char="Spacebar"></kb-key>
115 <kb-key class="dark">@</kb-key> 116 <kb-key class="dark">.</kb-key>
116 <kb-key class='return dark' char="Enter">enter</kb-key> 117 <kb-key class='return dark' char="Enter">enter</kb-key>
117 </kb-row> 118 </kb-row>
118 </kb-keyset> 119 </kb-keyset>
119 </template> 120 </template>
OLDNEW
« no previous file with comments | « ui/keyboard/resources/webui/constants.js ('k') | ui/keyboard/resources/webui/main.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698