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

Side by Side Diff: chrome/browser/resources/chromeos/chromevox/chromevox/background/options.html

Issue 2776293002: Refresh ChromeVox options page CSS (Closed)
Patch Set: Created 3 years, 8 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
OLDNEW
1 <!-- Copyright 2014 The Chromium Authors. All rights reserved. 1 <!-- Copyright 2014 The Chromium Authors. All rights reserved.
2 Use of this source code is governed by a BSD-style license that can be 2 Use of this source code is governed by a BSD-style license that can be
3 found in the LICENSE file. --> 3 found in the LICENSE file. -->
4 <html> 4 <html>
5 5
6 <head> 6 <head>
7 <title class="i18n" msgid="options_page_title">ChromeVox Options</title> 7 <title class="i18n" msgid="options_page_title">ChromeVox Options</title>
8 <link rel="stylesheet" type="text/css" href="chrome_shared2.css" />
9 <link rel="stylesheet" type="text/css" href="options_widgets.css" />
10 <link rel="stylesheet" type="text/css" href="options.css" /> 8 <link rel="stylesheet" type="text/css" href="options.css" />
11 9
12
13 <script type="text/javascript" src="../../closure/base.js"></script> 10 <script type="text/javascript" src="../../closure/base.js"></script>
14 <script type="text/javascript" src="../../deps.js"></script> 11 <script type="text/javascript" src="../../deps.js"></script>
15 <script type="text/javascript" src="options_loader.js"></script> 12 <script type="text/javascript" src="options_loader.js"></script>
16 <script type="text/javascript" src="../../chromeVoxChromeOptionsScript.js"> 13 <script type="text/javascript" src="../../chromeVoxChromeOptionsScript.js">
17 </script> 14 </script>
18 </head> 15 </head>
19 16
20 <html> 17 <html>
21 18
22 <body> 19 <body>
23 <div> 20 <!--
24 <!-- The "with dev msgs" in the title helps when debugging problems with the m essage 21 The "with dev msgs" in the title helps when debugging problems
25 replacer. --> 22 with the message replacer.
23 -->
26 <h1 class="i18n" msgid="options_page_title">ChromeVox (with dev msgs)</h1> 24 <h1 class="i18n" msgid="options_page_title">ChromeVox (with dev msgs)</h1>
25
26 <div class="container">
27
27 <p id="version"></p> 28 <p id="version"></p>
28 29
29
30 <div class="option"> 30 <div class="option">
31 <input id="useVerboseMode" type="checkbox" class="checkbox pref" name="useVe rboseMode" /> 31 <input id="useVerboseMode" type="checkbox" class="checkbox pref"
32 name="useVerboseMode">
32 <label for="useVerboseMode" class="i18n" msgid="options_verbosity_verbose"> 33 <label for="useVerboseMode" class="i18n" msgid="options_verbosity_verbose">
33 Enable verbose descriptions. 34 Enable verbose descriptions.
34 </label> 35 </label>
35 </div> 36 </div>
36 37
37 <div class="option"> 38 <div class="option">
38 <input id="autoRead" type="checkbox" class="checkbox pref" name="autoRead">< /input> 39 <input id="autoRead" type="checkbox" class="checkbox pref" name="autoRead">
39 <label for="autoRead" class="i18n" msgid="options_auto_read"> 40 <label for="autoRead" class="i18n" msgid="options_auto_read">
40 Automatically read a page after it finishes loading. 41 Automatically read a page after it finishes loading.
41 </label> 42 </label>
42 </div> 43 </div>
43 44
44 <p class="i18n description" msgid="options_audio_description" id="audioDescrip tion"> 45 <h2 class="i18n description" msgid="options_audio_description"
46 id="audioDescription">
45 When playing audio 47 When playing audio
46 </p> 48 </h2>
47 49
48 <div> 50 <div class="option">
49 <select id="audioStrategy" class="pref" aria-labelledby="audioDescription"> 51 <select id="audioStrategy" class="pref" aria-labelledby="audioDescription">
50 <option id="audioNormal" class="i18n" msgid="options_audio_normal"> 52 <option id="audioNormal" class="i18n" msgid="options_audio_normal">
51 play at normal volume even if ChromeVox is speaking 53 play at normal volume even if ChromeVox is speaking
52 </option> 54 </option>
53 <option id="audioDuck" class="i18n" msgid="options_audio_duck"> 55 <option id="audioDuck" class="i18n" msgid="options_audio_duck">
54 play at lower volume when ChromeVox is speaking 56 play at lower volume when ChromeVox is speaking
55 </option> 57 </option>
56 <option id="audioSuspend" class="i18n" msgid="options_audio_suspend"> 58 <option id="audioSuspend" class="i18n" msgid="options_audio_suspend">
57 pause playback when ChromeVox is speaking 59 pause playback when ChromeVox is speaking
58 </option> 60 </option>
59 </select> 61 </select>
60 </div> 62 </div>
61 63
62 <h2 class="i18n" msgid="options_voices">Voices</h2> 64 <h2 class="i18n" msgid="options_voices">Voices</h2>
63 <p class="i18n description" msgid="options_voices_description" id="voices_desc ription"> 65 <div class="option">
64 Change the current voice by selecting an option from the list below. 66 <span class="i18n description" msgid="options_voices_description"
65 </p> 67 id="voices_description">
66 68 Current voice:
67 <div> 69 </span>
68 <select id="voices" aria-labelledby="voices_description"></select> 70 <select id="voices" aria-labelledby="voices_description"></select>
69 <br><br>
70 </div> 71 </div>
71 72
72
73 <h2 class="chromeos i18n" msgid="options_braille">Braille</h2> 73 <h2 class="chromeos i18n" msgid="options_braille">Braille</h2>
74 <div class="chromeos"> 74 <div class="chromeos option">
75 <p class="i18n description" msgid="options_braille_description_6" id="braill e_description_6"> 75 <span class="i18n description" msgid="options_braille_description_6"
76 Change the current 6 dot braille table by selecting an option from the lis t below. 76 id="braille_description_6">
77 </p> 77 6-dot braille table:
78 </span>
78 <select id="brailleTable6" aria-labelledby="braille_description_6"></select> 79 <select id="brailleTable6" aria-labelledby="braille_description_6"></select>
79 <p class="i18n description" msgid="options_braille_description_8" id="braill e_description_8"> 80 </div>
80 Change the current 8 dot braille table by selecting an option from the lis t below. 81 <div class="chromeos option">
81 </p> 82 <span class="i18n description" msgid="options_braille_description_8"
83 id="braille_description_8">
84 8-dot braille table:
David Tseng 2017/03/28 01:04:26 Select an 8-dot braille table: (you're mixing lab
dmazzoni 2017/03/28 17:28:27 Done.
85 </span>
82 <select id="brailleTable8" aria-labelledby="braille_description_8"></select> 86 <select id="brailleTable8" aria-labelledby="braille_description_8"></select>
83 <button id="brailleTableType"></button> 87 </div>
84 <div class="option"> 88 <div class="chromeos option">
85 <label> 89 <button id="brailleTableType"></button><span>&nbsp;</span>
86 <input id="brailleWordWrap" type="checkbox" class="checkbox pref" name=" brailleWordWrap" /> 90 </div>
87 <span class="i18n" msgid="options_braille_word_wrap"> 91 <div class="chromeos option">
88 Enable word wrap 92 <label>
89 </span> 93 <input id="brailleWordWrap" type="checkbox" class="checkbox pref"
90 </label> 94 name="brailleWordWrap">
91 </div> 95 <span class="i18n" msgid="options_braille_word_wrap">
92 <br><br> 96 Enable word wrap
97 </span>
98 </label>
93 </div> 99 </div>
94 100
95 <h2 class="i18n" msgid="options_virtual_braille_display">Virtual Braille Displ ay</h2> 101 <h2 class="i18n" msgid="options_virtual_braille_display">
102 Virtual Braille Display
David Tseng 2017/03/28 01:04:26 Btw, I think this deserves a descriptive label e.g
dmazzoni 2017/03/28 17:28:27 Done.
103 </h2>
104 <div class="option">
96 <label> 105 <label>
97 <div> 106 <span class="i18n description" msgid="options_virtual_braille_display_rows"
98 <span class="i18n description" msgid="options_virtual_braille_display_rows" id="virtual_braille_display_rows_description"> 107 id="virtual_braille_display_rows_description">
99 Rows: 108 Rows:
100 </span> 109 </span>
101 </div>
102 <input type="number" min="1" id="virtual_braille_display_rows_input"> 110 <input type="number" min="1" id="virtual_braille_display_rows_input">
103 </label> 111 </label>
104 <label > 112 </div>
105 <div> 113 <div class="option">
106 <span class="i18n description" msgid="options_virtual_braille_display_column s" id="virtual_braille_display_columns_description"> 114 <label>
115 <span class="i18n description"
116 msgid="options_virtual_braille_display_columns"
117 id="virtual_braille_display_columns_description">
107 Columns: 118 Columns:
David Tseng 2017/03/28 01:04:26 Imo, rows and columns are very "dev" terms. Why no
dmazzoni 2017/03/28 17:28:27 Done.
108 </span> 119 </span>
109 </div>
110 <input type="number" min="1" id="virtual_braille_display_columns_input"> 120 <input type="number" min="1" id="virtual_braille_display_columns_input">
111 </label> 121 </label>
122 </div>
112 123
113 <div id="currentDisplayStyle"></div> 124 <div class="option">
114 <button id="changeDisplayStyle"></button> 125 <span id="currentDisplayStyle"></span>
126 <button id="changeDisplayStyle"></button>
127 </div>
115 128
116 <div id="status" role="live" aria-live="assertive"> 129 <div id="status" role="live" aria-live="assertive">
117 </div> 130 </div>
118 </div> 131
132 </div>
133
119 </body> 134 </body>
120 </html> 135 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698