tracing/tracing/ui/extras/chrome/cc/layer_tree_quad_stack_view.html - Issue 3002533002: Switch tracing to new flexbox.

Side by Side Diff: tracing/tracing/ui/extras/chrome/cc/layer_tree_quad_stack_view.html

Issue 3002533002: Switch tracing to new flexbox. (Closed)

Patch Set: Created 3 years, 3 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <!--	2 <!--

3 Copyright (c) 2015 The Chromium Authors. All rights reserved.	3 Copyright (c) 2015 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/color.html">	8 <link rel="import" href="/tracing/base/color.html">

9 <link rel="import" href="/tracing/base/math/quad.html">	9 <link rel="import" href="/tracing/base/math/quad.html">

10 <link rel="import" href="/tracing/base/math/range.html">	10 <link rel="import" href="/tracing/base/math/range.html">

11 <link rel="import" href="/tracing/base/raf.html">	11 <link rel="import" href="/tracing/base/raf.html">

12 <link rel="import" href="/tracing/base/unit_scale.html">	12 <link rel="import" href="/tracing/base/unit_scale.html">

13 <link rel="import" href="/tracing/extras/chrome/cc/debug_colors.html">	13 <link rel="import" href="/tracing/extras/chrome/cc/debug_colors.html">

14 <link rel="import" href="/tracing/extras/chrome/cc/picture.html">	14 <link rel="import" href="/tracing/extras/chrome/cc/picture.html">

15 <link rel="import" href="/tracing/extras/chrome/cc/render_pass.html">	15 <link rel="import" href="/tracing/extras/chrome/cc/render_pass.html">

16 <link rel="import" href="/tracing/extras/chrome/cc/tile.html">	16 <link rel="import" href="/tracing/extras/chrome/cc/tile.html">

17 <link rel="import" href="/tracing/extras/chrome/cc/util.html">	17 <link rel="import" href="/tracing/extras/chrome/cc/util.html">

18 <link rel="import" href="/tracing/model/event_set.html">	18 <link rel="import" href="/tracing/model/event_set.html">

19 <link rel="import" href="/tracing/ui/base/info_bar.html">	19 <link rel="import" href="/tracing/ui/base/info_bar.html">

20 <link rel="import" href="/tracing/ui/base/quad_stack_view.html">	20 <link rel="import" href="/tracing/ui/base/quad_stack_view.html">

21 <link rel="import" href="/tracing/ui/base/utils.html">	21 <link rel="import" href="/tracing/ui/base/utils.html">

22	22

23 <style>	23 <style>

24 * /deep/ tr-ui-e-chrome-cc-layer-tree-quad-stack-view {	24 * /deep/ tr-ui-e-chrome-cc-layer-tree-quad-stack-view {

25 position: relative;	25 position: relative;

26 }	26 }

27	27

28 * /deep/ tr-ui-e-chrome-cc-layer-tree-quad-stack-view > top-controls {	28 * /deep/ tr-ui-e-chrome-cc-layer-tree-quad-stack-view > top-controls {

29 -webkit-flex: 0 0 auto;	29 flex: 0 0 auto;

30 background-image: -webkit-gradient(linear,	30 background-image: -webkit-gradient(linear,

31 0 0, 100% 0,	31 0 0, 100% 0,

32 from(#E5E5E5),	32 from(#E5E5E5),

33 to(#D1D1D1));	33 to(#D1D1D1));

34 border-bottom: 1px solid #8e8e8e;	34 border-bottom: 1px solid #8e8e8e;

35 border-top: 1px solid white;	35 border-top: 1px solid white;

36 display: flex;	36 display: flex;

37 flex-flow: row wrap;	37 flex-flow: row wrap;

38 flex-direction: row;	38 flex-direction: row;

39 font-size: 14px;	39 font-size: 14px;

(...skipping 1163 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1203 event.selection = new tr.model.EventSet(tasks);	1203 event.selection = new tr.model.EventSet(tasks);

1204 this.dispatchEvent(event);	1204 this.dispatchEvent(event);

1205 }	1205 }

1206 };	1206 };

1207	1207

1208 return {	1208 return {

1209 LayerTreeQuadStackView,	1209 LayerTreeQuadStackView,

1210 };	1210 };

1211 });	1211 });

1212 </script>	1212 </script>

OLD	NEW