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

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

Issue 1561773002: Implement ChromeVox Next menus. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@panel_view_type
Patch Set: Fix Ozone by only activating panel when fullscreen 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 88ebd7e8c931ba21fd54f1617a2f957c1dd564b8..04e9f342f322b9de0ba9b0a4eaf0414e44369b32 100644
--- a/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html
+++ b/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.html
@@ -6,113 +6,14 @@
<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="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">
<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>
@@ -120,8 +21,8 @@
<body>
<div id="main">
- <div hidden id="menu_title" class="i18n" msgid="menu_title"></div>
- <button id="menu" aria-labelledby="menu_title">
+ <div hidden id="menus_title" class="i18n" msgid="menus_title"></div>
+ <button id="menus_button" aria-labelledby="menus_title">
<img id="chromevox" src="/images/chromevox-19.png">
<img id="triangle" src="/images/triangle-6.png">
</button>
@@ -142,5 +43,9 @@
<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