OLD | NEW |
1 <link rel="stylesheet" href="chrome://resources/css/list.css"> | 1 <link rel="stylesheet" href="chrome://resources/css/list.css"> |
2 | 2 |
3 <div class="page hidden" id="languagePage"> | 3 <div class="page hidden" id="languagePage"> |
4 <h1 i18n-content="languagePage"></h1> | 4 <h1 i18n-content="languagePage"></h1> |
5 <div class="language-options"> | 5 <div class="language-options"> |
6 <div class="language-options-left"> | 6 <div class="language-options-left"> |
7 <h3 i18n-content="languages"></h3> | 7 <h3 i18n-content="languages"></h3> |
8 <list id="language-options-list"></list> | 8 <list id="language-options-list"></list> |
9 <div class="language-options-lower-left"> | 9 <div class="language-options-lower-left"> |
10 <button id="add-button" i18n-content="add_button"></button> | 10 <button id="language-options-add-button" |
11 <button id="remove-button" i18n-content="remove_button"></button> | 11 i18n-content="add_button"></button> |
| 12 <button id="language-options-remove-button" |
| 13 i18n-content="remove_button"></button> |
12 </div> | 14 </div> |
13 </div> | 15 </div> |
14 <div class="language-options-right"> | 16 <div class="language-options-right"> |
15 <!-- TODO: The contents should be dynamically changed. --> | 17 <h3 id="language-options-language-name"></h3> |
16 <h3>English (United States)</h3> | |
17 <div class="language-options-contents"> | 18 <div class="language-options-contents"> |
18 <button id="ui-language-button" | 19 <button id="language-options-ui-language-button"></button> |
19 i18n-content="display_in_this_language"></button> | |
20 </div> | 20 </div> |
21 <h3 i18n-content="input_method"></h3> | 21 <h3 i18n-content="input_method"></h3> |
22 <div class="language-options-contents"> | 22 <div id="language-options-input-method-list" |
23 <!-- TODO: The contents should be dynamically changed. --> | 23 class="language-options-contents"> |
24 <label><input type="checkbox">US English</label> | |
25 <label><input type="checkbox">Dvorak</label> | |
26 <label><input type="checkbox">Dvorak - Left</label> | |
27 <label><input type="checkbox">Dvorak - Right</label> | |
28 </div> | 24 </div> |
29 </div> | 25 </div> |
30 </div> | 26 </div> |
31 </div> | 27 </div> |
OLD | NEW |