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

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

Issue 1321683003: DevTools: Introduce timeline recording info dialog (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: 1/10sec -> sec 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
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 1047 matching lines...) Expand 10 before | Expand all | Expand 10 after
1058 position: absolute; 1058 position: absolute;
1059 right: -2px; 1059 right: -2px;
1060 bottom: 0px; 1060 bottom: 0px;
1061 border-bottom: 1px solid hsl(0, 100%, 74%); 1061 border-bottom: 1px solid hsl(0, 100%, 74%);
1062 } 1062 }
1063 1063
1064 .timeline-tree-view .data-grid .selected .background-bar { 1064 .timeline-tree-view .data-grid .selected .background-bar {
1065 background-color: rgba(255,255,255,0.25); 1065 background-color: rgba(255,255,255,0.25);
1066 border-bottom-color: transparent; 1066 border-bottom-color: transparent;
1067 } 1067 }
1068
1069 .timeline-status-dialog {
1070 display: flex;
1071 flex-direction: column;
1072 padding: 16px;
1073 font-size: 14px;
1074 }
1075
1076 .timeline-status-dialog div,button {
1077 margin: 5px;
1078 }
1079
1080 .timeline-status-dialog .title {
1081 align-self: center;
1082 font-size: 20px;
1083 margin-bottom: 12px;
1084 }
1085
1086 .timeline-status-dialog ::before {
1087 display: inline-block;
1088 width: 90px;
1089 text-align: right;
1090 color: #aaa;
1091 margin-right: 10px;
1092 }
1093
1094 .timeline-status-dialog .status::before {
1095 content: "Status";
1096 }
1097
1098 .timeline-status-dialog .time::before {
1099 content: "Time";
1100 }
1101
1102 .timeline-status-dialog .buffer-usage::before {
1103 content: "Buffer Usage";
1104 }
1105
1106 .timeline-status-dialog .buffer-usage .indicator-container {
1107 display: inline-block;
1108 width: 200px;
1109 height: 12px;
1110 background-color: #f4f4f4;
1111 display: inline-block;
1112 margin: 0;
1113 vertical-align: middle;
1114 }
1115
1116 .timeline-status-dialog .buffer-usage .indicator {
1117 background-color: rgb(112, 166, 255);
1118 height: 100%;
1119 width: 0;
1120 margin: 0;
1121 }
1122
1123 .timeline-status-dialog .stop-button {
1124 text-align: center;
1125 margin-top: 16px;
1126 }
1127
1128 .timeline-status-dialog button:disabled {
1129 opacity: 0.5;
1130 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698