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

Side by Side 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: Address last feedback 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 unified diff | Download patch

« chrome/browser/resources/chromeos/chromevox/chromevox_assets.gypi ('K') | « chrome/browser/resources/chromeos/chromevox/cvox2/background/background.js ('k') | chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.js » ('j') | chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	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

	3 found in the LICENSE file. -->

	4 <html>

	5 <head>

	6 <meta charset="utf-8">

	7 <title class="i18n" msgid="panel_title"></title>

	8

	9 <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono\|Roboto:400,70 0,700italic' rel='stylesheet' type='text/css'>

	10

	11 <script type="text/javascript" src="../../closure/base.js"></script>

	12 <script type="text/javascript" src="../../deps.js"></script>

	13 <script type="text/javascript" src="panel_loader.js"></script>

	14 <script type="text/javascript" src="../../chromeVoxPanelScript.js">

	15 </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 #menu:hover {

	45 background-color: #f69139;

	46 }

	47 #options_close {

	48 min-width: 48px;

	49 height: 35px;

	50 }

	51 #chromevox {

	52 width: 19px;

	53 height: 19px;

	54 margin: 8px 0;

	55 }

	56 #triangle {

	57 width: 6px;

	58 height: 6px;

	59 margin: 14px 0;

	60 }

	61 #options {

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

	63 width: 19px;

	64 height: 19px;

	65 margin: 8px 0;

	66 }

	67 #options:hover {

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

	69 }

	70 #close {

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

	72 width: 19px;

	73 height: 19px;

	74 }

	75 #close:hover {

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

	77 }

	78 #caption {

	79 color: #fff;

	80 margin-left: 12px;

	81 flex-grow: 1;

	82 }

	83 #speech-container {

	84 height: 35px;

	85 margin-left: 12px;

	86 }

	87 #speech {

	88 height: 35px;

	89 line-height: 35px;

	90 font-family: 'Roboto', sans-serif;

	91 font-size: 12pt;

	92 overflow: hidden;

	93 }

	94 .usertext {

	95 font-weight: 700;

	96 font-style: italic;

	97 }

	98 #braille-container {

	99 position: relative;

	100 top: -35px;

	101 height: 35px;

	102 }

	103 #braille-text {

	104 height: 17px;

	105 line-height: 17px;

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

	107 font-size: 12pt;

	108 letter-spacing: 3.13px;

	109 white-space: pre;

	110 }

	111 #braille-cells {

	112 height: 17px;

	113 line-height: 17px;

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

	115 font-size: 13pt;

	116 white-space: pre;

	117 }

	118 </style>

	119

	120 </head>

	121

	122 <html>

	123

	124 <body>

	125 <div id="main">

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

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

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

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

	130 </button>

	131 <div id="caption">

	132 <div id="speech-container">

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

	134 </div>

	135 <div id="braille-container">

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

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

	138 </div>

	139 </div>

	140 <div id="options_close">

	141 <button id="options" aria-label="ChromeVox Options"></button>
	Peter Lundblad 2015/11/10 10:46:36 i18n the label i18n the label dmazzoni 2015/11/10 17:33:17 Done. Show quoted text On 2015/11/10 10:46:36, Peter Lundblad wrote: > i18n the label Done.
	142 <button id="close" aria-label="Close ChromeVox"></button>
	Peter Lundblad 2015/11/10 10:46:36 i18n the label. i18n the label. dmazzoni 2015/11/10 17:33:17 Done. Show quoted text On 2015/11/10 10:46:36, Peter Lundblad wrote: > i18n the label. Done.
	143 </div>

	144 </div>

	145 </body>

	146 </html>

OLD	NEW