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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/settings/settingsScreen.css

Issue 1412703005: [DevTools] Remove WebInspector.SettingsList. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@edit-file-system-list-widget
Patch Set: Created 5 years, 1 month 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/settings/SettingsScreen.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) 2015 The Chromium Authors. All rights reserved. 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 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 .help-window-main { 7 .help-window-main {
8 color: rgb(48, 57, 66); 8 color: rgb(48, 57, 66);
9 background-color: white; 9 background-color: white;
10 padding: 11px 0 0 0; 10 padding: 11px 0 0 0;
(...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after
272 #workspace-tab-content .help-block { 272 #workspace-tab-content .help-block {
273 width: auto; 273 width: auto;
274 margin-right: 20px; 274 margin-right: 20px;
275 } 275 }
276 276
277 .file-system-mapping-view { 277 .file-system-mapping-view {
278 margin-left: 30px; 278 margin-left: 30px;
279 margin-right: 10px; 279 margin-right: 10px;
280 } 280 }
281 281
282 .settings-tab .settings-list {
283 border: 1px solid hsl(0, 0%, 85%);
284 border-radius: 2px;
285 }
286
287 .settings-tab .settings-list .settings-list-item:not(.editable) {
288 background-color: #eee;
289 }
290
291 .excluded-folders-list .settings-list-item:not(.editable) .settings-list-column- path:before,
292 .settings-list-item:not(.editable) .list-column.settings-list-column-url:before {
293 content: "\1F512";
294 margin-right: 5px;
295 }
296
297
298 .settings-tab .settings-list .settings-list-item .settings-list-item-contents {
299 width: 100%;
300 height: 40px;
301 -webkit-box-align: center;
302 -webkit-transition: 150ms background-color;
303 display: -webkit-box;
304 padding-right: 8px;
305 }
306
307 .settings-tab .settings-list .settings-list-item .settings-list-item-contents > :first-child {
308 -webkit-box-align: center;
309 -webkit-box-flex: 1;
310 -webkit-padding-end: 5px;
311 display: -webkit-box;
312 }
313
314 .settings-tab .settings-list .settings-list-item.selected:not(.editable) {
315 background-color: hsl(0, 0%, 82%);
316 }
317
318 .settings-tab .settings-list .settings-list-item:hover {
319 background-color: hsl(215, 54%, 93%);
320 }
321
322 .settings-tab .settings-list .settings-list-item.selected:not(.editable):hover {
323 background-color: hsl(215, 51%, 82%);
324 }
325
326 .settings-tab .settings-list .settings-list-item .remove-item-button {
327 -webkit-transition: 150ms opacity;
328 background-color: hsla(0, 0%, 0%, 0);
329 background-image: -webkit-image-set(
330 url(Images/settingsListRemove.png) 1x,
331 url(Images/settingsListRemove_2x.png) 2x);
332 background-size: 48px 16px;
333 border: none;
334 display: block;
335 height: 16px;
336 width: 16px;
337 opacity: 0;
338 pointer-events: none;
339 }
340
341 .settings-tab .settings-list .settings-list-item.selected .remove-item-button,
342 .settings-tab .settings-list .settings-list-item:hover .remove-item-button {
343 opacity: 1;
344 pointer-events: auto;
345 }
346
347 .settings-tab .settings-list .settings-list-item .remove-item-button:hover {
348 background-position-x: -32px;
349 }
350
351 .settings-tab .settings-list .settings-list-item .remove-item-button:active {
352 background-position-x: -16px;
353 }
354
355 .settings-list-item-columns {
356 height: 100%;
357 }
358
359 .settings-tab .settings-list .settings-list-item .list-column {
360 displaY: -webkit-box;
361 -webkit-box-align: center;
362 padding-left: 5px;
363 padding-right: 2px;
364 box-sizing: border-box;
365 overflow: hidden;
366 text-overflow: ellipsis;
367 height: 100%;
368 }
369
370 .settings-tab .settings-list .settings-list-item .list-column .list-column-edito r {
371 width: 100%;
372 }
373
374 .settings-tab .settings-list .settings-list-item.add-list-item .remove-item-butt on {
375 visibility: hidden;
376 }
377
378 .settings-tab .settings-list .settings-list-item.editable .list-column .list-col umn-editor {
379 display: none;
380 }
381
382 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-col umn .list-column-editor {
383 display: block;
384 }
385
386 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-col umn .list-column-text {
387 display: none;
388 }
389
390 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-col umn .list-column-editor.editable-item-error {
391 background-color: pink;
392 }
393
394 input.list-column-editor {
395 border: 1px solid rgb(213, 213, 213);
396 border-radius: 2px;
397 color: #444444;
398 padding: 3px;
399 }
400 select.list-column-editor {
401 padding: 2px;
402 margin-left: 0;
403 }
404
405 .settings-tab .file-system-container { 282 .settings-tab .file-system-container {
406 padding-bottom: 20px;
407 margin-bottom: 18px; 283 margin-bottom: 18px;
408 padding: 0 8px; 284 padding: 0 8px;
409 border-left: 1px solid hsl(0, 0%, 90%); 285 border-left: 1px solid hsl(0, 0%, 90%);
410 } 286 }
411 287
412 .settings-tab .file-system-header { 288 .settings-tab .file-system-header {
413 display: flex; 289 display: flex;
414 flex-direction: row; 290 flex-direction: row;
415 align-items: center; 291 align-items: center;
416 } 292 }
(...skipping 10 matching lines...) Expand all
427 overflow: hidden; 303 overflow: hidden;
428 text-overflow: ellipsis; 304 text-overflow: ellipsis;
429 flex: auto; 305 flex: auto;
430 } 306 }
431 307
432 .settings-tab .file-system-remove { 308 .settings-tab .file-system-remove {
433 flex: none; 309 flex: none;
434 margin-left: 10px; 310 margin-left: 10px;
435 } 311 }
436 312
437 .file-systems-list .settings-list-item .list-column.settings-list-column-path {
438 width: 100%;
439 }
440
441 .settings-tab .settings-list .settings-list-item.disabled .settings-list-column- pattern .list-column-text {
442 color: #666;
443 text-decoration: line-through;
444 }
445
446 .settings-dialog {
447 display: -webkit-flex;
448 -webkit-flex-direction: column;
449 }
450
451 .settings-dialog .dialog-contents {
452 display: flex;
453 flex-direction: column;
454 }
455
456 .settings-dialog .header {
457 flex: 0 0 auto;
458 color: #333;
459 font-size: 14px;
460 margin: 0;
461 padding: 14px 17px 14px;
462 }
463
464 .settings-dialog .contents {
465 flex: 1 1 auto;
466 overflow-x: hidden;
467 overflow-y: auto;
468 }
469
470 .settings-dialog .block-header {
471 color: black;
472 font-size: 1.2em;
473 margin-bottom: 0.8em;
474 }
475
476 .settings-dialog .done-button {
477 float: right;
478 }
479
480 .settings-glass-pane {
481 -webkit-box-align: center;
482 -webkit-box-orient: vertical;
483 -webkit-box-pack: center;
484 display: -webkit-box;
485 z-index: 2000 !important;
486 padding: 5px;
487 background-color: rgba(255, 255, 255, 0.4) !important;
488 }
489
490 .help-indent-labels label { 313 .help-indent-labels label {
491 padding-left: 10px; 314 padding-left: 10px;
492 } 315 }
493 316
494 .dialog-contents .section {
495 min-width: 400px;
496 }
497
498 .settings-experiment-hidden { 317 .settings-experiment-hidden {
499 display: none; 318 display: none;
500 } 319 }
501 320
502 .settings-experiment-hidden label { 321 .settings-experiment-hidden label {
503 background-color: #ddd; 322 background-color: #ddd;
504 } 323 }
505 324
506 .settings-developer-mode .settings-experiment-hidden { 325 .settings-developer-mode .settings-experiment-hidden {
507 display: block; 326 display: block;
508 } 327 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/settings/SettingsScreen.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698