| 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 -webkit-writing-mode: vertical-rl; | 51 -webkit-writing-mode: vertical-rl; |
| 52 display: inline; | 52 display: inline; |
| 53 margin-right: 1px; | 53 margin-right: 1px; |
| 54 min-height: 20px; | 54 min-height: 20px; |
| (...skipping 204 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 259 if (range === undefined) { | 259 if (range === undefined) { |
| 260 throw new Error('Must not be undefined'); | 260 throw new Error('Must not be undefined'); |
| 261 } | 261 } |
| 262 this.rangeOfInterest_ = range; | 262 this.rangeOfInterest_ = range; |
| 263 if (this.activePanel) { | 263 if (this.activePanel) { |
| 264 this.activePanel.rangeOfInterest = range; | 264 this.activePanel.rangeOfInterest = range; |
| 265 } | 265 } |
| 266 } | 266 } |
| 267 }); | 267 }); |
| 268 </script> | 268 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 3002533002:
Switch tracing to new flexbox. (Closed)
