chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html - Issue 1277183003: Add ChromeVox panel and implement caption display functionality.

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

Issue 1277183003: Add ChromeVox panel and implement caption display functionality. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fix GN build Created 5 years, 1 month 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « chrome/browser/resources/chromeos/chromevox/cvox2/background/background.js ('k') | chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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..454e67cb5eaef60fc8eabfbbe1b4abfb2598ba8c

--- /dev/null

+++ b/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html

@@ -0,0 +1,149 @@

+ 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"></title>

+<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('/images/options-19.png');

+ width: 19px;

+ height: 19px;

+ margin: 8px 0;

+ }

+ #options:hover {

+ background-image: url('/images/options-hover-19.png');

+ }

+ #close {

+ background-image: url('/images/close-19.png');

+ width: 19px;

+ height: 19px;

+ }

+ #close:hover {

+ background-image: url('/images/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;

+ white-space: pre;

+ }

+ #braille-cells {

+ height: 17px;

+ line-height: 17px;

+ font-family: 'Droid Sans Mono', Courier, monospace;

+ font-size: 13pt;

+ white-space: pre;

+ }

+</style>

+</head>

+<html>

+<body>

+<div id="main">

+ <div hidden id="menu_title" class="i18n" msgid="menu_title"></div>

+ <button id="menu" aria-labelledby="menu_title">

+ <img id="chromevox" src="/images/chromevox-19.png">

+ <img id="triangle" src="/images/triangle-6.png">

+ </button>

+ <div id="caption">

+ <div id="speech-container">

+ <div id="speech"></div>

+ </div>

+ <div id="braille-container">

+ <div id="braille-text"></div>

+ <div id="braille-cells"></div>

+ </div>

+ <div id="options_close">

+ <div hidden id="options_title" class="i18n" msgid="options"></div>

+ <button id="options" aria-labelledby="options_title"></button>

+ <div hidden id="disable_chromevox_title" class="i18n"

+ msgid="disable_chromevox"></div>

+ <button id="close" aria-labelledby="disable_chromevox_title"></button>

+ </div>

+</div>

+</body>

+</html>