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: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Issue 2703603003: [Devtools] Changed protocol to use setBlockedURLs instead of add/remove (Closed)
Patch Set: Merge Created 3 years, 9 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 | « third_party/WebKit/Source/devtools/front_end/sdk/NetworkManager.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 10 matching lines...) Expand all
21 } 21 }
22 22
23 .toolbar-shadow.wrappable { 23 .toolbar-shadow.wrappable {
24 flex-wrap: wrap; 24 flex-wrap: wrap;
25 } 25 }
26 26
27 .toolbar-shadow.wrappable-reverse { 27 .toolbar-shadow.wrappable-reverse {
28 flex-direction: row-reverse; 28 flex-direction: row-reverse;
29 } 29 }
30 30
31 .toolbar-shadow.toolbar-grow-vertical {
32 height: initial;
33 }
34
35 .toolbar-shadow.vertical { 31 .toolbar-shadow.vertical {
36 flex-direction: column; 32 flex-direction: column;
37 height: auto; 33 height: auto;
38 align-items: flex-start; 34 align-items: flex-start;
39 } 35 }
40 36
41 .toolbar-item { 37 .toolbar-item {
42 position: relative; 38 position: relative;
43 display: flex; 39 display: flex;
44 background-color: transparent; 40 background-color: transparent;
(...skipping 21 matching lines...) Expand all
66 min-width: 28px; 62 min-width: 28px;
67 background: transparent; 63 background: transparent;
68 } 64 }
69 65
70 .toolbar-text { 66 .toolbar-text {
71 margin: 0 5px; 67 margin: 0 5px;
72 flex: none; 68 flex: none;
73 color: #5a5a5a; 69 color: #5a5a5a;
74 } 70 }
75 71
76 .toolbar-text:empty {
77 margin: 0;
78 }
79
80 .toolbar-has-dropdown { 72 .toolbar-has-dropdown {
81 justify-content: space-between; 73 justify-content: space-between;
82 } 74 }
83 75
84 .toolbar-has-dropdown .toolbar-text { 76 .toolbar-has-dropdown .toolbar-text {
85 margin: 0 4px 0 0; 77 margin: 0 4px 0 0;
86 text-overflow: ellipsis; 78 text-overflow: ellipsis;
87 flex: auto; 79 flex: auto;
88 overflow: hidden; 80 overflow: hidden;
89 text-align: right; 81 text-align: right;
(...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after
190 182
191 /* Select */ 183 /* Select */
192 184
193 .toolbar-select-container { 185 .toolbar-select-container {
194 display: inline-flex; 186 display: inline-flex;
195 flex-shrink: 0; 187 flex-shrink: 0;
196 margin-right: 6px; 188 margin-right: 6px;
197 } 189 }
198 190
199 select.toolbar-item { 191 select.toolbar-item {
200 min-width: 38px; 192 min-width: 48px;
201 -webkit-appearance: none; 193 -webkit-appearance: none;
202 border: 0; 194 border: 0;
203 border-radius: 0; 195 border-radius: 0;
204 padding: 0 8px 0 5px; 196 padding: 0 15px 0 5px;
205 margin-right: -10px; 197 margin-right: -10px;
206 position: relative; 198 position: relative;
207 } 199 }
208 200
209 /* Input */ 201 /* Input */
210 202
211 .toolbar-input { 203 .toolbar-input {
212 width: 120px; 204 width: 120px;
213 height: 20px; 205 height: 20px;
214 padding: 3px; 206 padding: 3px;
215 margin: 1px 3px; 207 margin: 1px 3px;
216 background-color: white; 208 background-color: white;
217 border: solid 1px #d8d8d8; 209 border: solid 1px #d8d8d8;
218 min-width: 35px;
219 } 210 }
220 211
221 .toolbar-input.focused, 212 .toolbar-input.focused,
222 .toolbar-input.hover { 213 .toolbar-input.hover {
223 border: solid 1px rgb(202, 202, 202); 214 border: solid 1px rgb(202, 202, 202);
224 } 215 }
225 216
226 .toolbar-input > input { 217 .toolbar-input > input {
227 border: none; 218 border: none;
228 flex-grow: 1; 219 flex-grow: 1;
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
277 margin-top: -1px; 268 margin-top: -1px;
278 width: 28px; 269 width: 28px;
279 left: -2px; 270 left: -2px;
280 } 271 }
281 272
282 span.toolbar-select-container.toolbar-item.warning { 273 span.toolbar-select-container.toolbar-item.warning {
283 background: #ffd7d7; 274 background: #ffd7d7;
284 padding: 0 5px 0 0; 275 padding: 0 5px 0 0;
285 margin-right: 1px; 276 margin-right: 1px;
286 } 277 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/sdk/NetworkManager.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698