| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2012 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2012 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/event.html"> | 8 <link rel="import" href="/tracing/base/event.html"> |
| 9 <link rel="import" href="/tracing/base/settings.html"> | 9 <link rel="import" href="/tracing/base/settings.html"> |
| 10 <link rel="import" href="/tracing/base/task.html"> | 10 <link rel="import" href="/tracing/base/task.html"> |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 Visually, the TimelineTrackView produces (prettier) visualizations like the | 33 Visually, the TimelineTrackView produces (prettier) visualizations like the |
| 34 following: | 34 following: |
| 35 Thread1: AAAAAAAAAA AAAAA | 35 Thread1: AAAAAAAAAA AAAAA |
| 36 BBBB BB | 36 BBBB BB |
| 37 Thread2: CCCCCC CCCCC | 37 Thread2: CCCCCC CCCCC |
| 38 --> | 38 --> |
| 39 <dom-module id='tr-ui-timeline-track-view'> | 39 <dom-module id='tr-ui-timeline-track-view'> |
| 40 <template> | 40 <template> |
| 41 <style> | 41 <style> |
| 42 :host { | 42 :host { |
| 43 -webkit-box-orient: vertical; | 43 flex-direction: column; |
| 44 display: -webkit-box; | 44 display: flex; |
| 45 position: relative; | 45 position: relative; |
| 46 } | 46 } |
| 47 | 47 |
| 48 :host ::content * { | 48 :host ::content * { |
| 49 -webkit-user-select: none; | 49 -webkit-user-select: none; |
| 50 cursor: default; | 50 cursor: default; |
| 51 } | 51 } |
| 52 | 52 |
| 53 #drag_box { | 53 #drag_box { |
| 54 background-color: rgba(0, 0, 255, 0.25); | 54 background-color: rgba(0, 0, 255, 0.25); |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 87 this.pollIfViewportAttachedInterval_ = undefined; | 87 this.pollIfViewportAttachedInterval_ = undefined; |
| 88 | 88 |
| 89 this.viewport_ = new tr.ui.TimelineViewport(this); | 89 this.viewport_ = new tr.ui.TimelineViewport(this); |
| 90 this.viewportDisplayTransformAtMouseDown_ = undefined; | 90 this.viewportDisplayTransformAtMouseDown_ = undefined; |
| 91 this.brushingStateController_ = undefined; | 91 this.brushingStateController_ = undefined; |
| 92 | 92 |
| 93 this.rulerTrackContainer_ = | 93 this.rulerTrackContainer_ = |
| 94 new tr.ui.tracks.DrawingContainer(this.viewport_); | 94 new tr.ui.tracks.DrawingContainer(this.viewport_); |
| 95 Polymer.dom(this).appendChild(this.rulerTrackContainer_); | 95 Polymer.dom(this).appendChild(this.rulerTrackContainer_); |
| 96 this.rulerTrackContainer_.invalidate(); | 96 this.rulerTrackContainer_.invalidate(); |
| 97 this.rulerTrackContainer_.style.overflowY = 'hidden'; |
| 98 this.rulerTrackContainer_.style.flexShrink = '0'; |
| 97 | 99 |
| 98 this.rulerTrack_ = new tr.ui.tracks.XAxisTrack(this.viewport_); | 100 this.rulerTrack_ = new tr.ui.tracks.XAxisTrack(this.viewport_); |
| 99 Polymer.dom(this.rulerTrackContainer_).appendChild(this.rulerTrack_); | 101 Polymer.dom(this.rulerTrackContainer_).appendChild(this.rulerTrack_); |
| 100 | 102 |
| 101 this.upperModelTrack_ = new tr.ui.tracks.ModelTrack(this.viewport_); | 103 this.upperModelTrack_ = new tr.ui.tracks.ModelTrack(this.viewport_); |
| 102 this.upperModelTrack_.upperMode = true; | 104 this.upperModelTrack_.upperMode = true; |
| 103 Polymer.dom(this.rulerTrackContainer_).appendChild(this.upperModelTrack_); | 105 Polymer.dom(this.rulerTrackContainer_).appendChild(this.upperModelTrack_); |
| 104 | 106 |
| 105 this.modelTrackContainer_ = | 107 this.modelTrackContainer_ = |
| 106 new tr.ui.tracks.DrawingContainer(this.viewport_); | 108 new tr.ui.tracks.DrawingContainer(this.viewport_); |
| 107 Polymer.dom(this).appendChild(this.modelTrackContainer_); | 109 Polymer.dom(this).appendChild(this.modelTrackContainer_); |
| 108 this.modelTrackContainer_.style.display = 'block'; | 110 this.modelTrackContainer_.style.display = 'block'; |
| 111 this.modelTrackContainer_.style.flexGrow = '1'; |
| 109 this.modelTrackContainer_.invalidate(); | 112 this.modelTrackContainer_.invalidate(); |
| 110 | 113 |
| 111 this.viewport_.modelTrackContainer = this.modelTrackContainer_; | 114 this.viewport_.modelTrackContainer = this.modelTrackContainer_; |
| 112 | 115 |
| 113 this.modelTrack_ = new tr.ui.tracks.ModelTrack(this.viewport_); | 116 this.modelTrack_ = new tr.ui.tracks.ModelTrack(this.viewport_); |
| 114 Polymer.dom(this.modelTrackContainer_).appendChild(this.modelTrack_); | 117 Polymer.dom(this.modelTrackContainer_).appendChild(this.modelTrack_); |
| 115 | 118 |
| 116 this.timingTool_ = new tr.ui.b.TimingTool(this.viewport_, this); | 119 this.timingTool_ = new tr.ui.b.TimingTool(this.viewport_, this); |
| 117 | 120 |
| 118 this.initMouseModeSelector(); | 121 this.initMouseModeSelector(); |
| (...skipping 1044 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1163 Polymer.dom(this.$.hint_text).textContent = text; | 1166 Polymer.dom(this.$.hint_text).textContent = text; |
| 1164 this.$.hint_text.style.display = ''; | 1167 this.$.hint_text.style.display = ''; |
| 1165 }, | 1168 }, |
| 1166 | 1169 |
| 1167 hideHintText_() { | 1170 hideHintText_() { |
| 1168 this.pendingHintTextClearTimeout_ = undefined; | 1171 this.pendingHintTextClearTimeout_ = undefined; |
| 1169 this.$.hint_text.style.display = 'none'; | 1172 this.$.hint_text.style.display = 'none'; |
| 1170 } | 1173 } |
| 1171 }); | 1174 }); |
| 1172 </script> | 1175 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 3002533002:
Switch tracing to new flexbox. (Closed)
