Index: tracing/tracing/ui/extras/chrome/cc/layer_tree_host_impl_view.html |
diff --git a/tracing/tracing/ui/extras/chrome/cc/layer_tree_host_impl_view.html b/tracing/tracing/ui/extras/chrome/cc/layer_tree_host_impl_view.html |
index fd71596df8b613d796224466525c315cfd383127..f170d5a7b26270a1348ad4fdebbee9069c0e7193 100644 |
--- a/tracing/tracing/ui/extras/chrome/cc/layer_tree_host_impl_view.html |
+++ b/tracing/tracing/ui/extras/chrome/cc/layer_tree_host_impl_view.html |
@@ -5,9 +5,6 @@ Use of this source code is governed by a BSD-style license that can be |
found in the LICENSE file. |
--> |
-<link rel="stylesheet" |
- href="/tracing/ui/extras/chrome/cc/layer_tree_host_impl_view.css"> |
- |
<link rel="import" href="/tracing/extras/chrome/cc/layer_tree_host_impl.html"> |
<link rel="import" href="/tracing/extras/chrome/cc/tile.html"> |
<link rel="import" href="/tracing/ui/analysis/object_snapshot_view.html"> |
@@ -32,10 +29,18 @@ tr.exportTo('tr.ui.e.chrome.cc', function() { |
decorate() { |
Polymer.dom(this).classList.add('tr-ui-e-chrome-cc-lthi-s-view'); |
+ this.style.display = 'flex'; |
+ this.style.flexDirection = 'row'; |
+ this.style.flexGrow = 1; |
+ this.style.flexShrink = 1; |
+ this.style.flexBasis = 'auto'; |
this.selection_ = undefined; |
this.layerPicker_ = new tr.ui.e.chrome.cc.LayerPicker(); |
+ this.layerPicker_.style.flexGrow = 1; |
+ this.layerPicker_.style.flexShrink = 1; |
+ this.layerPicker_.style.flexBasis = 'auto'; |
this.layerPicker_.addEventListener( |
'selection-change', |
this.onLayerPickerSelectionChanged_.bind(this)); |
@@ -45,6 +50,9 @@ tr.exportTo('tr.ui.e.chrome.cc', function() { |
'selection-change', |
this.onLayerViewSelectionChanged_.bind(this)); |
this.dragHandle_ = document.createElement('tr-ui-b-drag-handle'); |
+ this.dragHandle_.style.flexGrow = 0; |
+ this.dragHandle_.style.flexShrink = 0; |
+ this.dragHandle_.style.flexBasis = 'auto'; |
this.dragHandle_.horizontal = false; |
this.dragHandle_.target = this.layerView_; |