| 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 <div hidden id="options_title" class="i18n" msgid="options"></div> |
| 142 <button id="options" aria-labelledby="options_title"></button> |
| 143 <div hidden id="disable_chromevox_title" class="i18n" |
| 144 msgid="disable_chromevox"></div> |
| 145 <button id="close" aria-labelledby="disable_chromevox_title"></button> |
| 146 </div> |
| 147 </div> |
| 148 </body> |
| 149 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1277183003:
Add ChromeVox panel and implement caption display functionality. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master