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: Finish initial implementation for Chrome OS, address 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/cvox2/background/output.js ('K') | « chrome/browser/resources/chromeos/chromevox/cvox2/background/output.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">ChromeVox Panel</title>
	Peter Lundblad 2015/11/06 15:00:58 Need to add this msgid to chromevox_strings.grd. Need to add this msgid to chromevox_strings.grd. dmazzoni 2015/11/06 21:01:00 Done. Show quoted text On 2015/11/06 15:00:58, Peter Lundblad wrote: > Need to add this msgid to chromevox_strings.grd. Done.
	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('/chromevox/options-19.png');

	63 width: 19px;

	64 height: 19px;

	65 margin: 8px 0;

	66 }

	67 #options:hover {

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

	69 }

	70 #close {

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

	72 width: 19px;

	73 height: 19px;

	74 }

	75 #close:hover {

	76 background-image: url('/chromevox/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 }

	110 #braille-cells {

	111 height: 17px;

	112 line-height: 17px;

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

	114 font-size: 13pt;

	115 }

	116 </style>

	117

	118 </head>

	119

	120 <html>

	121

	122 <body>

	123 <div id="main">

	124 <button id="menu" aria-label="ChromeVox Menu">
	Peter Lundblad 2015/11/06 15:00:58 i18n of aria label. i18n of aria label. dmazzoni 2015/11/06 21:01:00 Done. Show quoted text On 2015/11/06 15:00:58, Peter Lundblad wrote: > i18n of aria label. Done.
	125 <img id="chromevox" src="/chromevox/chromevox-19.png">

	126 <img id="triangle" src="/chromevox/triangle.png">

	127 </button>

	128 <div id="caption">

	129 <div id="speech-container">

	130 <div id="speech">Speech</div>
	Peter Lundblad 2015/11/06 15:00:58 i18n i18n dmazzoni 2015/11/06 21:01:00 This one was just a placeholder. Removed. Show quoted text On 2015/11/06 15:00:58, Peter Lundblad wrote: > i18n This one was just a placeholder. Removed.
	131 </div>

	132 <div id="braille-container">

	133 <div id="braille-text">Braille text</div>
	Peter Lundblad 2015/11/06 15:00:58 i18n i18n dmazzoni 2015/11/06 21:01:00 Same. Show quoted text On 2015/11/06 15:00:58, Peter Lundblad wrote: > i18n Same.
	134 <div id="braille-cells">Braille cells</div>

	135 </div>

	136 </div>

	137 <div id="options_close">

	138 <button id="options" aria-label="ChromeVox Options"></button>

	139 <button id="close" aria-label="Close ChromeVox"></button>

	140 </div>

	141 </div>

	142 </body>

	143 </html>

OLD	NEW