OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2014 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2014 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/math/range.html"> | 8 <link rel="import" href="/tracing/base/math/range.html"> |
9 <link rel="import" href="/tracing/ui/side_panel/side_panel.html"> | 9 <link rel="import" href="/tracing/ui/side_panel/side_panel.html"> |
10 <link rel="import" href="/tracing/ui/side_panel/side_panel_registry.html"> | 10 <link rel="import" href="/tracing/ui/side_panel/side_panel_registry.html"> |
11 | 11 |
12 <dom-module id='tr-ui-side-panel-container'> | 12 <dom-module id='tr-ui-side-panel-container'> |
13 <template> | 13 <template> |
14 <style> | 14 <style> |
15 :host { | 15 :host { |
16 align-items: stretch; | 16 align-items: stretch; |
17 display: -webkit-flex; | 17 display: flex; |
18 background-color: white; | 18 background-color: white; |
19 } | 19 } |
20 | 20 |
21 :host([expanded]) > #side_panel_drag_handle, | 21 :host([expanded]) > #side_panel_drag_handle, |
22 :host([expanded]) > active-panel-container { | 22 :host([expanded]) > active-panel-container { |
23 -webkit-flex: 1 1 auto; | 23 flex: 1 1 auto; |
24 border-left: 1px solid black; | 24 border-left: 1px solid black; |
25 display: -webkit-flex; | 25 display: flex; |
26 } | 26 } |
27 | 27 |
28 :host(:not([expanded])) > #side_panel_drag_handle, | 28 :host(:not([expanded])) > #side_panel_drag_handle, |
29 :host(:not([expanded])) > active-panel-container { | 29 :host(:not([expanded])) > active-panel-container { |
30 display: none; | 30 display: none; |
31 } | 31 } |
32 | 32 |
33 active-panel-container { | 33 active-panel-container { |
34 display: flex; | 34 display: flex; |
35 } | 35 } |
36 | 36 |
37 tab-strip { | 37 tab-strip { |
38 -webkit-flex: 0 0 auto; | 38 flex: 0 0 auto; |
39 -webkit-flex-direction: column; | 39 flex-direction: column; |
40 -webkit-user-select: none; | 40 -webkit-user-select: none; |
41 background-color: rgb(236, 236, 236); | 41 background-color: rgb(236, 236, 236); |
42 border-left: 1px solid black; | 42 border-left: 1px solid black; |
43 cursor: default; | 43 cursor: default; |
44 display: -webkit-flex; | 44 display: flex; |
45 min-width: 18px; /* workaround for flexbox and writing-mode mixing bug */ | 45 min-width: 18px; /* workaround for flexbox and writing-mode mixing bug */ |
46 padding: 10px 0 10px 0; | 46 padding: 10px 0 10px 0; |
47 font-size: 12px; | 47 font-size: 12px; |
48 } | 48 } |
49 | 49 |
50 tab-strip > tab-strip-label { | 50 tab-strip > tab-strip-label { |
51 flex-shrink: 0; | 51 flex-shrink: 0; |
52 -webkit-writing-mode: vertical-rl; | 52 -webkit-writing-mode: vertical-rl; |
53 white-space: nowrap; | 53 white-space: nowrap; |
54 display: inline; | 54 display: inline; |
(...skipping 220 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
275 if (range === undefined) { | 275 if (range === undefined) { |
276 throw new Error('Must not be undefined'); | 276 throw new Error('Must not be undefined'); |
277 } | 277 } |
278 this.rangeOfInterest_ = range; | 278 this.rangeOfInterest_ = range; |
279 if (this.activePanel) { | 279 if (this.activePanel) { |
280 this.activePanel.rangeOfInterest = range; | 280 this.activePanel.rangeOfInterest = range; |
281 } | 281 } |
282 } | 282 } |
283 }); | 283 }); |
284 </script> | 284 </script> |
OLD | NEW |