| 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
|
| index 04e9f342f322b9de0ba9b0a4eaf0414e44369b32..88ebd7e8c931ba21fd54f1617a2f957c1dd564b8 100644
|
| --- a/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html
|
| +++ b/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html
|
| @@ -6,14 +6,113 @@
|
| <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">
|
| -<link href="panel.css" rel="stylesheet" type="text/css">
|
| +<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;
|
| + }
|
| + #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>
|
|
|
| @@ -21,8 +120,8 @@
|
|
|
| <body>
|
| <div id="main">
|
| - <div hidden id="menus_title" class="i18n" msgid="menus_title"></div>
|
| - <button id="menus_button" aria-labelledby="menus_title">
|
| + <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>
|
| @@ -43,9 +142,5 @@
|
| <button id="close" aria-labelledby="disable_chromevox_title"></button>
|
| </div>
|
| </div>
|
| -<div id="menus_background">
|
| - <div id="menu-bar" aria-role="menubar">
|
| - </div>
|
| -</div>
|
| </body>
|
| </html>
|
|
|