Chromium Code Reviews Chromium Code Reviews
Issue 1277183003:
Add ChromeVox panel and implement caption display functionality. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html |
| diff --git a/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html b/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..7426fa536d38fde742200284e34f2c87d3aa7c57 |
| --- /dev/null |
| +++ b/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html |
| @@ -0,0 +1,143 @@ |
| +<!-- Copyright 2015 The Chromium Authors. All rights reserved. |
| + Use of this source code is governed by a BSD-style license that can be |
| + found in the LICENSE file. --> |
| +<html> |
| +<head> |
| +<meta charset="utf-8"> |
| +<title class="i18n" msgid="panel_title">ChromeVox Panel</title> |
|
Peter Lundblad
2015/11/06 15:00:58
Need to add this msgid to chromevox_strings.grd.
dmazzoni
2015/11/06 21:01:00
Done.
|
| + |
| +<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono|Roboto:400,700,700italic' rel='stylesheet' type='text/css'> |
| + |
| +<script type="text/javascript" src="../../closure/base.js"></script> |
| +<script type="text/javascript" src="../../deps.js"></script> |
| +<script type="text/javascript" src="panel_loader.js"></script> |
| +<script type="text/javascript" src="../../chromeVoxPanelScript.js"> |
| +</script> |
| +<style> |
| + body { |
| + padding: 0; |
| + border: 0; |
| + margin: 0; |
| + height: 35px; |
| + overflow: hidden; |
| + } |
| + #main { |
| + position: fixed; |
| + left: 0; |
| + top: 0; |
| + right: 0; |
| + height: 35px; |
| + background-color: #000; |
| + display: flex; |
| + } |
| + button { |
| + border: 0; |
| + padding: 0; |
| + margin: 0; |
| + background-color: #000; |
| + outline: none; |
| + } |
| + #menu { |
| + min-width: 52px; |
| + height: 35px; |
| + } |
| + #menu:hover { |
| + background-color: #f69139; |
| + } |
| + #options_close { |
| + min-width: 48px; |
| + height: 35px; |
| + } |
| + #chromevox { |
| + width: 19px; |
| + height: 19px; |
| + margin: 8px 0; |
| + } |
| + #triangle { |
| + width: 6px; |
| + height: 6px; |
| + margin: 14px 0; |
| + } |
| + #options { |
| + background-image: url('/chromevox/options-19.png'); |
| + width: 19px; |
| + height: 19px; |
| + margin: 8px 0; |
| + } |
| + #options:hover { |
| + background-image: url('/chromevox/options-hover-19.png'); |
| + } |
| + #close { |
| + background-image: url('/chromevox/close-19.png'); |
| + width: 19px; |
| + height: 19px; |
| + } |
| + #close:hover { |
| + background-image: url('/chromevox/close-hover-19.png'); |
| + } |
| + #caption { |
| + color: #fff; |
| + margin-left: 12px; |
| + flex-grow: 1; |
| + } |
| + #speech-container { |
| + height: 35px; |
| + margin-left: 12px; |
| + } |
| + #speech { |
| + height: 35px; |
| + line-height: 35px; |
| + font-family: 'Roboto', sans-serif; |
| + font-size: 12pt; |
| + overflow: hidden; |
| + } |
| + .usertext { |
| + font-weight: 700; |
| + font-style: italic; |
| + } |
| + #braille-container { |
| + position: relative; |
| + top: -35px; |
| + height: 35px; |
| + } |
| + #braille-text { |
| + height: 17px; |
| + line-height: 17px; |
| + font-family: 'Droid Sans Mono', Courier, monospace; |
| + font-size: 12pt; |
| + letter-spacing: 3.13px; |
| + } |
| + #braille-cells { |
| + height: 17px; |
| + line-height: 17px; |
| + font-family: 'Droid Sans Mono', Courier, monospace; |
| + font-size: 13pt; |
| + } |
| +</style> |
| + |
| +</head> |
| + |
| +<html> |
| + |
| +<body> |
| +<div id="main"> |
| + <button id="menu" aria-label="ChromeVox Menu"> |
|
Peter Lundblad
2015/11/06 15:00:58
i18n of aria label.
dmazzoni
2015/11/06 21:01:00
Done.
|
| + <img id="chromevox" src="/chromevox/chromevox-19.png"> |
| + <img id="triangle" src="/chromevox/triangle.png"> |
| + </button> |
| + <div id="caption"> |
| + <div id="speech-container"> |
| + <div id="speech">Speech</div> |
|
Peter Lundblad
2015/11/06 15:00:58
i18n
dmazzoni
2015/11/06 21:01:00
This one was just a placeholder. Removed.
|
| + </div> |
| + <div id="braille-container"> |
| + <div id="braille-text">Braille text</div> |
|
Peter Lundblad
2015/11/06 15:00:58
i18n
dmazzoni
2015/11/06 21:01:00
Same.
|
| + <div id="braille-cells">Braille cells</div> |
| + </div> |
| + </div> |
| + <div id="options_close"> |
| + <button id="options" aria-label="ChromeVox Options"></button> |
| + <button id="close" aria-label="Close ChromeVox"></button> |
| + </div> |
| +</div> |
| +</body> |
| +</html> |
