| 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> |
| 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 overflow: hidden; |
| 19 padding: 0; |
| 20 border: 0; |
| 21 margin: 0; |
| 22 } |
| 23 #main { |
| 24 position: fixed; |
| 25 left: 0; |
| 26 top: 0; |
| 27 right: 0; |
| 28 bottom: 0; |
| 29 background-color: #000; |
| 30 display: flex; |
| 31 } |
| 32 button { |
| 33 border: 0; |
| 34 padding: 0; |
| 35 margin: 0; |
| 36 background-color: #000; |
| 37 } |
| 38 #menu { |
| 39 width: 80px; |
| 40 height: 48px; |
| 41 } |
| 42 #chromevox { |
| 43 width: 48px; |
| 44 height: 48px; |
| 45 } |
| 46 #triangle { |
| 47 width: 22px; |
| 48 height: 22px; |
| 49 margin: 13px 0; |
| 50 } |
| 51 #options { |
| 52 background-image: url('/chromevox/options.png'); |
| 53 width: 48px; |
| 54 height: 48px; |
| 55 } |
| 56 #close { |
| 57 background-image: url('/chromevox/close-white.png'); |
| 58 width: 48px; |
| 59 height: 48px; |
| 60 } |
| 61 #close:hover { |
| 62 background-image: url('/chromevox/close-white-hover.png'); |
| 63 } |
| 64 #caption { |
| 65 color: #fff; |
| 66 margin-left: 12px; |
| 67 flex-grow: 1; |
| 68 } |
| 69 #speech-container { |
| 70 height: 48px; |
| 71 margin-left: 12px; |
| 72 } |
| 73 #speech { |
| 74 height: 48px; |
| 75 line-height: 48px; |
| 76 font-family: 'Roboto', sans-serif; |
| 77 font-size: 16pt; |
| 78 } |
| 79 .usertext { |
| 80 font-family: 'Roboto', sans-serif; |
| 81 font-weight: 700; |
| 82 font-style: italic; |
| 83 font-size: 16pt; |
| 84 } |
| 85 #braille-container { |
| 86 position: relative; |
| 87 top: -48px; |
| 88 height: 48px; |
| 89 } |
| 90 #braille-text { |
| 91 height: 24px; |
| 92 line-height: 24px; |
| 93 font-family: 'Droid Sans Mono', Courier, monospace; |
| 94 font-size: 12pt; |
| 95 letter-spacing: 3.13px; |
| 96 } |
| 97 #braille-cells { |
| 98 height: 24px; |
| 99 line-height: 24px; |
| 100 font-family: 'Droid Sans Mono', Courier, monospace; |
| 101 font-size: 13pt; |
| 102 } |
| 103 </style> |
| 104 |
| 105 </head> |
| 106 |
| 107 <html> |
| 108 |
| 109 <body> |
| 110 <div id="main"> |
| 111 <button id="menu" aria-label="ChromeVox Menu"> |
| 112 <img id="chromevox" src="/chromevox/chromevox-48.png"> |
| 113 <img id="triangle" src="/chromevox/triangle.png"> |
| 114 </button> |
| 115 <div id="caption"> |
| 116 <div id="speech-container"> |
| 117 <div id="speech">Speech</div> |
| 118 </div> |
| 119 <div id="braille-container"> |
| 120 <div id="braille-text">Braille text</div> |
| 121 <div id="braille-cells">Braille cells</div> |
| 122 </div> |
| 123 </div> |
| 124 <button id="options" aria-label="ChromeVox Options"></button> |
| 125 <button id="close" aria-label="Close ChromeVox"></button> |
| 126 </div> |
| 127 </body> |
| 128 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1282593002:
Add ChromeVox panel and implement caption display functionality. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master