| 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 |
|---|
Chromium Code Reviews
Issue 3002533002:
Switch tracing to new flexbox. (Closed)
