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

Side by Side Diff: tracing/tracing/ui/extras/chrome/cc/picture_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) 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 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" 18 <link rel="import"
19 href="/tracing/ui/extras/chrome/cc/picture_ops_chart_summary_view.html"> 19 href="/tracing/ui/extras/chrome/cc/picture_ops_chart_summary_view.html">
20 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_ops_chart_view.htm l"> 20 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_ops_chart_view.htm l">
21 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_ops_list_view.html "> 21 <link rel="import" href="/tracing/ui/extras/chrome/cc/picture_ops_list_view.html ">
22 22
23 <template id="tr-ui-e-chrome-cc-picture-debugger-template"> 23 <template id="tr-ui-e-chrome-cc-picture-debugger-template">
24 <style> 24 <style>
25 * /deep/ tr-ui-e-chrome-cc-picture-debugger { 25 * /deep/ tr-ui-e-chrome-cc-picture-debugger {
26 -webkit-flex: 1 1 auto; 26 flex: 1 1 auto;
27 -webkit-flex-direction: row; 27 flex-direction: row;
28 display: -webkit-flex; 28 display: flex;
29 } 29 }
30 30
31 * /deep/ tr-ui-e-chrome-cc-picture-debugger > tr-ui-a-generic-object-view { 31 * /deep/ tr-ui-e-chrome-cc-picture-debugger > tr-ui-a-generic-object-view {
32 -webkit-flex-direction: column; 32 flex-direction: column;
33 display: -webkit-flex; 33 display: flex;
34 width: 400px; 34 width: 400px;
35 } 35 }
36 36
37 * /deep/ tr-ui-e-chrome-cc-picture-debugger > left-panel { 37 * /deep/ tr-ui-e-chrome-cc-picture-debugger > left-panel {
38 -webkit-flex-direction: column; 38 flex-direction: column;
39 display: -webkit-flex; 39 display: flex;
40 min-width: 300px; 40 min-width: 300px;
41 } 41 }
42 42
43 * /deep/ tr-ui-e-chrome-cc-picture-debugger > left-panel > picture-info { 43 * /deep/ tr-ui-e-chrome-cc-picture-debugger > left-panel > picture-info {
44 -webkit-flex: 0 0 auto; 44 flex: 0 0 auto;
45 padding-top: 2px; 45 padding-top: 2px;
46 } 46 }
47 47
48 * /deep/ tr-ui-e-chrome-cc-picture-debugger > left-panel > 48 * /deep/ tr-ui-e-chrome-cc-picture-debugger > left-panel >
49 picture-info .title { 49 picture-info .title {
50 font-weight: bold; 50 font-weight: bold;
51 margin-left: 5px; 51 margin-left: 5px;
52 margin-right: 5px; 52 margin-right: 5px;
53 } 53 }
54 54
55 * /deep/ tr-ui-e-chrome-cc-picture-debugger > tr-ui-b-drag-handle { 55 * /deep/ tr-ui-e-chrome-cc-picture-debugger > tr-ui-b-drag-handle {
56 -webkit-flex: 0 0 auto; 56 flex: 0 0 auto;
57 } 57 }
58 58
59 * /deep/ tr-ui-e-chrome-cc-picture-debugger .filename { 59 * /deep/ tr-ui-e-chrome-cc-picture-debugger .filename {
60 -webkit-user-select: text; 60 -webkit-user-select: text;
61 margin-left: 5px; 61 margin-left: 5px;
62 } 62 }
63 63
64 * /deep/ tr-ui-e-chrome-cc-picture-debugger > right-panel { 64 * /deep/ tr-ui-e-chrome-cc-picture-debugger > right-panel {
65 -webkit-flex: 1 1 auto; 65 flex: 1 1 auto;
66 -webkit-flex-direction: column; 66 flex-direction: column;
67 display: -webkit-flex; 67 display: flex;
68 } 68 }
69 69
70 * /deep/ tr-ui-e-chrome-cc-picture-debugger > right-panel > 70 * /deep/ tr-ui-e-chrome-cc-picture-debugger > right-panel >
71 tr-ui-e-chrome-cc-picture-ops-chart-view { 71 tr-ui-e-chrome-cc-picture-ops-chart-view {
72 min-height: 150px; 72 min-height: 150px;
73 min-width : 0; 73 min-width : 0;
74 overflow-x: auto; 74 overflow-x: auto;
75 overflow-y: hidden; 75 overflow-y: hidden;
76 } 76 }
77 77
(...skipping 409 matching lines...) Expand 10 before | Expand all | Expand 10 after
487 y: e.clientY - this.rasterArea_.offsetTop 487 y: e.clientY - this.rasterArea_.offsetTop
488 }; 488 };
489 } 489 }
490 }; 490 };
491 491
492 return { 492 return {
493 PictureDebugger, 493 PictureDebugger,
494 }; 494 };
495 }); 495 });
496 </script> 496 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698