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

Side by Side Diff: Source/devtools/front_end/timeline/timelineStatusDialog.css

Issue 1321683003: DevTools: Introduce timeline recording info dialog (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: addressing comments Created 5 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
« no previous file with comments | « Source/devtools/front_end/timeline/module.json ('k') | Source/devtools/front_end/ui/Dialog.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 /*
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file.
5 */
6
7 .timeline-status-dialog {
8 display: flex;
9 flex-direction: column;
10 padding: 16px;
11 font-size: 14px;
12 }
13
14 .timeline-status-dialog div,button {
15 margin: 5px;
16 }
17
18 .timeline-status-dialog .title {
19 align-self: center;
20 font-size: 20px;
21 margin-bottom: 12px;
22 }
23
24 .timeline-status-dialog ::before {
25 display: inline-block;
26 width: 90px;
27 text-align: right;
28 color: #aaa;
29 margin-right: 10px;
30 }
31
32 .timeline-status-dialog .status::before {
33 content: "Status";
34 }
35
36 .timeline-status-dialog .time::before {
37 content: "Time";
38 }
39
40 .timeline-status-dialog .buffer-usage::before {
41 content: "Buffer Usage";
42 }
43
44 .timeline-status-dialog .buffer-usage .indicator-container {
45 display: inline-block;
46 width: 200px;
47 height: 12px;
48 background-color: #f4f4f4;
49 display: inline-block;
50 margin: 0;
51 vertical-align: middle;
52 }
53
54 .timeline-status-dialog .buffer-usage .indicator {
55 background-color: rgb(112, 166, 255);
56 height: 100%;
57 width: 0;
58 margin: 0;
59 }
60
61 .timeline-status-dialog .stop-button {
62 text-align: center;
63 margin-top: 16px;
64 }
65
66 .timeline-status-dialog button:disabled {
67 opacity: 0.5;
68 }
69
OLDNEW
« no previous file with comments | « Source/devtools/front_end/timeline/module.json ('k') | Source/devtools/front_end/ui/Dialog.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698