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

Side by Side Diff: chrome/browser/resources/md_bookmarks/toast_manager.html

Issue 2955563002: MD Bookmarks: Initial screenreader accessibility improvements (Closed)
Patch Set: Privatize and rebase Created 3 years, 5 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 unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-announcer/iro n-a11y-announcer.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
4 <link rel="import" href="chrome://bookmarks/shared_style.html"> 4 <link rel="import" href="chrome://bookmarks/shared_style.html">
5 5
6 <dom-module id="bookmarks-toast-manager"> 6 <dom-module id="bookmarks-toast-manager">
7 <template> 7 <template>
8 <style include="shared-style"> 8 <style include="shared-style">
9 #content { 9 #content {
10 display: flex; 10 display: flex;
11 flex: 1; 11 flex: 1;
12 margin-right: 32px; 12 margin-right: 32px;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
47 min-height: 52px; 47 min-height: 52px;
48 min-width: 288px; 48 min-width: 288px;
49 opacity: 0; 49 opacity: 0;
50 padding: 0 24px; 50 padding: 0 24px;
51 position: fixed; 51 position: fixed;
52 transform: translateY(100px); 52 transform: translateY(100px);
53 transition: transform 300ms, opacity 300ms; 53 transition: transform 300ms, opacity 300ms;
54 white-space: nowrap; 54 white-space: nowrap;
55 } 55 }
56 56
57 :host([open_]) #toast { 57 #toast[aria-hidden=false] {
58 opacity: 1; 58 opacity: 1;
59 transform: translateY(0); 59 transform: translateY(0);
60 } 60 }
61 </style> 61 </style>
62 <div id="toast" aria-live="polite"> 62 <div id="toast">
63 <div id="content"></div> 63 <div id="content"></div>
64 <paper-button id="button" hidden$="[[!showUndo_]]" on-tap="onUndoTap_"> 64 <paper-button id="button" hidden$="[[!showUndo_]]" on-tap="onUndoTap_">
65 $i18n{undo} 65 $i18n{undo}
66 </paper-button> 66 </paper-button>
67 </div> 67 </div>
68 </template> 68 </template>
69 <script src="chrome://bookmarks/toast_manager.js"></script> 69 <script src="chrome://bookmarks/toast_manager.js"></script>
70 </dom-module> 70 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_bookmarks/list.html ('k') | chrome/browser/resources/md_bookmarks/toast_manager.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698