Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1293)

Unified Diff: chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html

Issue 1684693002: Revert of Implement ChromeVox Next menus. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@panel_view_type
Patch Set: generating revert using git Created 4 years, 10 months 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 side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698