OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2015 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2015 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 | 7 |
8 <link rel="import" href="/tracing/base/base64.html"> | 8 <link rel="import" href="/tracing/base/base64.html"> |
9 <link rel="import" href="/tracing/extras/chrome/cc/picture.html"> | 9 <link rel="import" href="/tracing/extras/chrome/cc/picture.html"> |
10 <link rel="import" href="/tracing/ui/analysis/generic_object_view.html"> | 10 <link rel="import" href="/tracing/ui/analysis/generic_object_view.html"> |
11 <link rel="import" href="/tracing/ui/base/drag_handle.html"> | 11 <link rel="import" href="/tracing/ui/base/drag_handle.html"> |
12 <link rel="import" href="/tracing/ui/base/hotkey_controller.html"> | 12 <link rel="import" href="/tracing/ui/base/hotkey_controller.html"> |
13 <link rel="import" href="/tracing/ui/base/info_bar.html"> | 13 <link rel="import" href="/tracing/ui/base/info_bar.html"> |
14 <link rel="import" href="/tracing/ui/base/list_view.html"> | 14 <link rel="import" href="/tracing/ui/base/list_view.html"> |
15 <link rel="import" href="/tracing/ui/base/mouse_mode_selector.html"> | 15 <link rel="import" href="/tracing/ui/base/mouse_mode_selector.html"> |
16 <link rel="import" href="/tracing/ui/base/overlay.html"> | 16 <link rel="import" href="/tracing/ui/base/overlay.html"> |
17 <link rel="import" href="/tracing/ui/base/utils.html"> | 17 <link rel="import" href="/tracing/ui/base/utils.html"> |
18 <link rel="import" href="/tracing/ui/extras/chrome/cc/display_item_list_item.htm
l"> | 18 <link rel="import" href="/tracing/ui/extras/chrome/cc/display_item_list_item.htm
l"> |
19 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_ops_list_view.html
"> | 19 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_ops_list_view.html
"> |
20 | 20 |
21 <template id="tr-ui-e-chrome-cc-display-item-debugger-template"> | 21 <template id="tr-ui-e-chrome-cc-display-item-debugger-template"> |
22 <style> | 22 <style> |
23 * /deep/ tr-ui-e-chrome-cc-display-item-debugger { | 23 * /deep/ tr-ui-e-chrome-cc-display-item-debugger { |
24 -webkit-flex: 1 1 auto; | 24 flex: 1 1 auto; |
25 display: -webkit-flex; | 25 display: flex; |
26 } | 26 } |
27 | 27 |
28 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel { | 28 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel { |
29 -webkit-flex-direction: column; | 29 flex-direction: column; |
30 display: -webkit-flex; | 30 display: flex; |
31 min-width: 300px; | 31 min-width: 300px; |
32 overflow-y: auto; | 32 overflow-y: auto; |
33 } | 33 } |
34 | 34 |
35 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > | 35 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > |
36 display-item-info { | 36 display-item-info { |
37 -webkit-flex: 1 1 auto; | 37 flex: 1 1 auto; |
38 padding-top: 2px; | 38 padding-top: 2px; |
39 } | 39 } |
40 | 40 |
41 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > | 41 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > |
42 display-item-info .title { | 42 display-item-info .title { |
43 font-weight: bold; | 43 font-weight: bold; |
44 margin-left: 5px; | 44 margin-left: 5px; |
45 margin-right: 5px; | 45 margin-right: 5px; |
46 } | 46 } |
47 | 47 |
48 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > | 48 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > |
49 display-item-info .export { | 49 display-item-info .export { |
50 margin: 5px; | 50 margin: 5px; |
51 } | 51 } |
52 | 52 |
53 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > tr-ui-b-drag-handle { | 53 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > tr-ui-b-drag-handle { |
54 -webkit-flex: 0 0 auto; | 54 flex: 0 0 auto; |
55 } | 55 } |
56 | 56 |
57 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > right-panel { | 57 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > right-panel { |
58 -webkit-flex: 1 1 auto; | 58 flex: 1 1 auto; |
59 display: -webkit-flex; | 59 display: flex; |
60 } | 60 } |
61 | 61 |
62 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > | 62 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > left-panel > |
63 display-item-info > header { | 63 display-item-info > header { |
64 border-bottom: 1px solid #555; | 64 border-bottom: 1px solid #555; |
65 } | 65 } |
66 | 66 |
67 /*************************************************/ | 67 /*************************************************/ |
68 | 68 |
69 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > right-panel > | 69 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > right-panel > |
(...skipping 11 matching lines...) Expand all Loading... |
81 display: none; | 81 display: none; |
82 overflow-y: auto; | 82 overflow-y: auto; |
83 } | 83 } |
84 | 84 |
85 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > right-panel > | 85 * /deep/ tr-ui-e-chrome-cc-display-item-debugger > right-panel > |
86 tr-ui-b-drag-handle { | 86 tr-ui-b-drag-handle { |
87 display: none; | 87 display: none; |
88 } | 88 } |
89 | 89 |
90 * /deep/ tr-ui-e-chrome-cc-display-item-debugger raster-area { | 90 * /deep/ tr-ui-e-chrome-cc-display-item-debugger raster-area { |
91 -webkit-flex: 1 1 auto; | 91 flex: 1 1 auto; |
92 background-color: #ddd; | 92 background-color: #ddd; |
93 min-height: 200px; | 93 min-height: 200px; |
94 min-width: 200px; | 94 min-width: 200px; |
95 overflow-y: auto; | 95 overflow-y: auto; |
96 padding-left: 5px; | 96 padding-left: 5px; |
97 } | 97 } |
98 </style> | 98 </style> |
99 | 99 |
100 <left-panel> | 100 <left-panel> |
101 <display-item-info> | 101 <display-item-info> |
(...skipping 365 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
467 const rawData = tr.b.Base64.atob(this.picture_.getBase64SkpData()); | 467 const rawData = tr.b.Base64.atob(this.picture_.getBase64SkpData()); |
468 this.saveFile_(this.skpFilename_.value, rawData); | 468 this.saveFile_(this.skpFilename_.value, rawData); |
469 } | 469 } |
470 }; | 470 }; |
471 | 471 |
472 return { | 472 return { |
473 DisplayItemDebugger, | 473 DisplayItemDebugger, |
474 }; | 474 }; |
475 }); | 475 }); |
476 </script> | 476 </script> |
OLD | NEW |