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

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

Issue 1561773002: Implement ChromeVox Next menus. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@panel_view_type
Patch Set: Fix Ozone by only activating panel when fullscreen Created 4 years, 10 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 2015 The Chromium Authors. All rights reserved. 1 <!-- Copyright 2015 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 <head> 5 <head>
6 <meta charset="utf-8"> 6 <meta charset="utf-8">
7 <title class="i18n" msgid="panel_title"></title> 7 <title class="i18n" msgid="panel_title"></title>
8 8
9 <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono|Roboto:400,70 0,700italic' rel='stylesheet' type='text/css'> 9 <link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono|Roboto:400,70 0,700italic" rel="stylesheet" type="text/css">
10 <link href="panel.css" rel="stylesheet" type="text/css">
10 11
11 <script type="text/javascript" src="../../closure/base.js"></script> 12 <script type="text/javascript" src="../../closure/base.js"></script>
12 <script type="text/javascript" src="../../deps.js"></script> 13 <script type="text/javascript" src="../../deps.js"></script>
13 <script type="text/javascript" src="panel_loader.js"></script> 14 <script type="text/javascript" src="panel_loader.js"></script>
14 <script type="text/javascript" src="../../chromeVoxPanelScript.js"> 15 <script type="text/javascript" src="../../chromeVoxPanelScript.js">
15 </script> 16 </script>
16 <style>
17 body {
18 padding: 0;
19 border: 0;
20 margin: 0;
21 height: 35px;
22 overflow: hidden;
23 }
24 #main {
25 position: fixed;
26 left: 0;
27 top: 0;
28 right: 0;
29 height: 35px;
30 background-color: #000;
31 display: flex;
32 }
33 button {
34 border: 0;
35 padding: 0;
36 margin: 0;
37 background-color: #000;
38 outline: none;
39 }
40 #menu {
41 min-width: 52px;
42 height: 35px;
43 }
44 #options_close {
45 min-width: 48px;
46 height: 35px;
47 }
48 #chromevox {
49 width: 19px;
50 height: 19px;
51 margin: 8px 0;
52 }
53 #triangle {
54 width: 6px;
55 height: 6px;
56 margin: 14px 0;
57 }
58 #options {
59 background-image: url('/images/options-19.png');
60 width: 19px;
61 height: 19px;
62 margin: 8px 0;
63 }
64 #options:hover {
65 background-image: url('/images/options-hover-19.png');
66 }
67 #close {
68 background-image: url('/images/close-19.png');
69 width: 19px;
70 height: 19px;
71 }
72 #close:hover {
73 background-image: url('/images/close-hover-19.png');
74 }
75 #caption {
76 color: #fff;
77 margin-left: 12px;
78 flex-grow: 1;
79 }
80 #speech-container {
81 height: 35px;
82 margin-left: 12px;
83 }
84 #speech {
85 height: 35px;
86 line-height: 35px;
87 font-family: 'Roboto', sans-serif;
88 font-size: 12pt;
89 overflow: hidden;
90 }
91 .usertext {
92 font-weight: 700;
93 font-style: italic;
94 }
95 #braille-container {
96 position: relative;
97 top: -35px;
98 height: 35px;
99 }
100 #braille-text {
101 height: 17px;
102 line-height: 17px;
103 font-family: 'Droid Sans Mono', Courier, monospace;
104 font-size: 12pt;
105 letter-spacing: 3.13px;
106 white-space: pre;
107 }
108 #braille-cells {
109 height: 17px;
110 line-height: 17px;
111 font-family: 'Droid Sans Mono', Courier, monospace;
112 font-size: 13pt;
113 white-space: pre;
114 }
115 </style>
116 17
117 </head> 18 </head>
118 19
119 <html> 20 <html>
120 21
121 <body> 22 <body>
122 <div id="main"> 23 <div id="main">
123 <div hidden id="menu_title" class="i18n" msgid="menu_title"></div> 24 <div hidden id="menus_title" class="i18n" msgid="menus_title"></div>
124 <button id="menu" aria-labelledby="menu_title"> 25 <button id="menus_button" aria-labelledby="menus_title">
125 <img id="chromevox" src="/images/chromevox-19.png"> 26 <img id="chromevox" src="/images/chromevox-19.png">
126 <img id="triangle" src="/images/triangle-6.png"> 27 <img id="triangle" src="/images/triangle-6.png">
127 </button> 28 </button>
128 <div id="caption"> 29 <div id="caption">
129 <div id="speech-container"> 30 <div id="speech-container">
130 <div id="speech"></div> 31 <div id="speech"></div>
131 </div> 32 </div>
132 <div id="braille-container"> 33 <div id="braille-container">
133 <div id="braille-text"></div> 34 <div id="braille-text"></div>
134 <div id="braille-cells"></div> 35 <div id="braille-cells"></div>
135 </div> 36 </div>
136 </div> 37 </div>
137 <div id="options_close"> 38 <div id="options_close">
138 <div hidden id="options_title" class="i18n" msgid="options"></div> 39 <div hidden id="options_title" class="i18n" msgid="options"></div>
139 <button id="options" aria-labelledby="options_title"></button> 40 <button id="options" aria-labelledby="options_title"></button>
140 <div hidden id="disable_chromevox_title" class="i18n" 41 <div hidden id="disable_chromevox_title" class="i18n"
141 msgid="disable_chromevox"></div> 42 msgid="disable_chromevox"></div>
142 <button id="close" aria-labelledby="disable_chromevox_title"></button> 43 <button id="close" aria-labelledby="disable_chromevox_title"></button>
143 </div> 44 </div>
144 </div> 45 </div>
46 <div id="menus_background">
47 <div id="menu-bar" aria-role="menubar">
48 </div>
49 </div>
145 </body> 50 </body>
146 </html> 51 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698