Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(301)

Side by Side Diff: content/browser/resources/media/new/media_internals.css

Issue 23536020: Adds cache and buffer graphs to the properties pane. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: changed how tests and cr.js are loaded and interact Created 7 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:
View unified diff | Download patch
OLDNEW
1 /* Copyright 2013 The Chromium Authors. All rights reserved. 1 /* Copyright 2013 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 html, 5 html,
6 body, 6 body,
7 #container { 7 #container {
8 margin: 0; 8 margin: 0;
9 padding: 0; 9 padding: 0;
10 width: 100%; 10 width: 100%;
11 height: 100%; 11 height: 100%;
12 12
13 font-family: 'Lucida Grande', sans-serif; 13 font-family: 'Lucida Grande', sans-serif;
14 } 14 }
15 15
16 table { 16 table {
17 border-collapse: collapse; 17 border-collapse: collapse;
18 } 18 }
19 td { 19 td {
20 border: 1px solid black; 20 border: 1px solid black;
21 word-wrap: break-word;
22 max-width: 200px;
21 } 23 }
22 thead { 24 thead {
23 color: rgb(50,50,50); 25 color: rgb(50,50,50);
24 font-size: 1.1em; 26 font-size: 1.1em;
25 } 27 }
26 28
27 h1, 29 h1,
28 h2, 30 h2,
29 h3 { 31 h3 {
30 color: rgb(50,50,50); 32 color: rgb(50,50,50);
31 } 33 }
32 34
33 #container { 35 #container {
34 display: flex; 36 display: flex;
35 flex-direction: row; 37 flex-direction: row;
36 flex-wrap: wrap; 38 flex-wrap: wrap;
37 justify-content: space-between; 39 justify-content: space-between;
38 align-items: flex-start; 40 align-items: flex-start;
39 align-content: stretch; 41 align-content: stretch;
40 } 42 }
41 43
42 #container > * { 44 #container > * {
43 padding: 0; 45 padding: 0;
44 padding-left: 25px; 46 padding-left: 25px;
45 margin: 0; 47 margin: 0;
46 max-height: 100%;
47 } 48 }
48 49
49 #list-wrapper { 50 #list-wrapper {
50 display: flex; 51 display: flex;
51 flex-direction: column; 52 flex-direction: column;
52 justify-content: space-between; 53 justify-content: space-between;
53 align-items: flex-start; 54 align-items: flex-start;
54 align-content: stretch; 55 align-content: stretch;
55 height: 100%;
56 } 56 }
57 57
58 #player-list-wrapper, 58 #player-list-wrapper,
59 #audio-stream-list-wrapper { 59 #audio-stream-list-wrapper {
60 flex-grow: 1; 60 flex-grow: 1;
61 align-self: stretch; 61 align-self: stretch;
62 min-width: 200px; 62 min-width: 200px;
63 max-width: 200px; 63 max-width: 200px;
64 overflow: auto; 64 overflow: auto;
65 } 65 }
(...skipping 16 matching lines...) Expand all
82 #log-wrapper { 82 #log-wrapper {
83 display:block; 83 display:block;
84 flex-grow: 0.5; 84 flex-grow: 0.5;
85 align-self: stretch; 85 align-self: stretch;
86 overflow: auto; 86 overflow: auto;
87 } 87 }
88 88
89 #log-wrapper > thead { 89 #log-wrapper > thead {
90 position: fixed; 90 position: fixed;
91 } 91 }
92
93 #graphs li {
94 list-style-type: none;
95 }
OLDNEW
« no previous file with comments | « content/browser/resources/media/new/main.js ('k') | content/browser/resources/media/new/media_internals.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698