OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2013 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2013 The Chromium Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
5 found in the LICENSE file. | 5 found in the LICENSE file. |
6 --> | 6 --> |
7 <link rel="import" href="/tracing/base/base.html"> | 7 <link rel="import" href="/tracing/base/base.html"> |
8 <link rel="import" href="/tracing/ui/base/mouse_mode_icon.html"> | 8 <link rel="import" href="/tracing/ui/base/mouse_mode_icon.html"> |
9 <link rel="import" href="/tracing/ui/base/overlay.html"> | 9 <link rel="import" href="/tracing/ui/base/overlay.html"> |
10 | 10 |
11 <dom-module id='tr-ui-timeline-view-help-overlay'> | 11 <dom-module id='tr-ui-timeline-view-help-overlay'> |
12 <template> | 12 <template> |
13 <style> | 13 <style> |
14 :host { | 14 :host { |
15 -webkit-flex: 1 1 auto; | 15 flex: 1 1 auto; |
16 -webkit-flex-direction: row; | 16 flex-direction: row; |
17 display: -webkit-flex; | 17 display: flex; |
18 width: 700px; | 18 width: 700px; |
19 } | 19 } |
20 .column { | 20 .column { |
21 width: 50%; | 21 width: 50%; |
22 } | 22 } |
23 h2 { | 23 h2 { |
24 font-size: 1.2em; | 24 font-size: 1.2em; |
25 margin: 0; | 25 margin: 0; |
26 margin-top: 5px; | 26 margin-top: 5px; |
27 text-align: center; | 27 text-align: center; |
28 } | 28 } |
29 h3 { | 29 h3 { |
30 margin: 0; | 30 margin: 0; |
31 margin-left: 126px; | 31 margin-left: 126px; |
32 margin-top: 10px; | 32 margin-top: 10px; |
33 } | 33 } |
34 .pair { | 34 .pair { |
35 -webkit-flex: 1 1 auto; | 35 flex: 1 1 auto; |
36 -webkit-flex-direction: row; | 36 flex-direction: row; |
37 display: -webkit-flex; | 37 display: flex; |
38 } | 38 } |
39 .command { | 39 .command { |
40 font-family: monospace; | 40 font-family: monospace; |
41 margin-right: 5px; | 41 margin-right: 5px; |
42 text-align: right; | 42 text-align: right; |
43 width: 150px; | 43 width: 150px; |
44 } | 44 } |
45 .action { | 45 .action { |
46 font-size: 0.9em; | 46 font-size: 0.9em; |
47 text-align: left; | 47 text-align: left; |
(...skipping 188 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
236 ready() { | 236 ready() { |
237 const mod = tr.isMac ? 'cmd ' : 'ctrl'; | 237 const mod = tr.isMac ? 'cmd ' : 'ctrl'; |
238 const spans = Polymer.dom(this.root).querySelectorAll( | 238 const spans = Polymer.dom(this.root).querySelectorAll( |
239 'span.mod'); | 239 'span.mod'); |
240 for (let i = 0; i < spans.length; i++) { | 240 for (let i = 0; i < spans.length; i++) { |
241 Polymer.dom(spans[i]).textContent = mod; | 241 Polymer.dom(spans[i]).textContent = mod; |
242 } | 242 } |
243 } | 243 } |
244 }); | 244 }); |
245 </script> | 245 </script> |
OLD | NEW |