commit cbe7c4e5ed302573d7de6e6786aa4f974cb4139f
author Adam Pardyl <apardyl@google.com> Tue Aug 06 17:30:37 2019 +0200
committer Vishnu Nair <vishnun@google.com> Mon Jan 27 10:18:39 2020 -0800
tree 4f28b90deee19a88489fa8c7e1274c921d5f7399
parent e1f3d5d92bcb40861b39b8d44102e99859dfb973

Limit the height of Hierarchy and Properties views.

Bug:
Test: yarn run dev
Change-Id: I50d4c9ebe7c376cd7595ffddc092b8d3c760c629
Merged-In: I50d4c9ebe7c376cd7595ffddc092b8d3c760c629

tools/winscope/src/TraceView.vue

diff --git a/tools/winscope/src/TraceView.vue b/tools/winscope/src/TraceView.vue
index 701e546..0479068 100644
--- a/tools/winscope/src/TraceView.vue
+++ b/tools/winscope/src/TraceView.vue
@@ -28,7 +28,7 @@
         <md-checkbox v-model="store.onlyVisible">Only visible</md-checkbox>
         <md-checkbox v-model="store.flattened">Flat</md-checkbox>
       </md-whiteframe>
-      <tree-view :item="tree" @item-selected="itemSelected" :selected="hierarchySelected" :filter="hierarchyFilter" :flattened="store.flattened" ref="hierarchy" />
+      <tree-view class="data-card" :item="tree" @item-selected="itemSelected" :selected="hierarchySelected" :filter="hierarchyFilter" :flattened="store.flattened" ref="hierarchy" />
     </md-card>
     <md-card class="properties">
       <md-whiteframe md-tag="md-toolbar" md-elevation="0" class="card-toolbar md-transparent md-dense">
@@ -37,7 +37,7 @@
           <input id="filter" type="search" placeholder="Filter..." v-model="propertyFilterString" />
         </div>
       </md-whiteframe>
-      <tree-view :item="selectedTree" :filter="propertyFilter" />
+      <tree-view class="data-card" :item="selectedTree" :filter="propertyFilter" />
     </md-card>
   </md-card-content>
 </template>
@@ -205,4 +205,9 @@
   margin: 16px;
 }
 
+.data-card {
+  overflow: auto;
+  max-height: 48em;
+}
+
 </style>