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

Side by Side Diff: tracing/tracing/ui/extras/chrome/cc/display_item_debugger.html

Issue 3002533002: Switch tracing to new flexbox. (Closed)
Patch Set: Created 3 years, 4 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 <!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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698