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

Side by Side Diff: chrome/browser/resources/file_manager/css/file_manager.css

Issue 8720006: Moving file selection checkbox to the field name. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Code review fix. Created 9 years 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 | Annotate | Revision Log
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2011 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 /* Outer frame of the dialog. */ 7 /* Outer frame of the dialog. */
8 body { 8 body {
9 -webkit-box-flex: 1; 9 -webkit-box-flex: 1;
10 -webkit-box-orient: vertical; 10 -webkit-box-orient: vertical;
(...skipping 374 matching lines...) Expand 10 before | Expand all | Expand 10 after
385 * whole space. 385 * whole space.
386 */ 386 */
387 .table-header-cell:first-child .table-header-sort-image-desc:after, 387 .table-header-cell:first-child .table-header-sort-image-desc:after,
388 .table-header-cell:first-child .table-header-sort-image-asc:after { 388 .table-header-cell:first-child .table-header-sort-image-asc:after {
389 -webkit-padding-start: 0; 389 -webkit-padding-start: 0;
390 } 390 }
391 391
392 /* The first child of a list cell. */ 392 /* The first child of a list cell. */
393 .table-row-cell > * { 393 .table-row-cell > * {
394 -webkit-margin-start: 5px; 394 -webkit-margin-start: 5px;
395 -webkit-box-align: center;
395 -webkit-box-orient: horizontal; 396 -webkit-box-orient: horizontal;
396 -webkit-box-flex: 1; 397 -webkit-box-flex: 1;
397 display: -webkit-box; 398 display: -webkit-box;
398 } 399 }
399 400
400 .detail-table li.table-row .table-row-cell:first-child div {
401 margin: 0px;
402 }
403
404 .file-checkbox { 401 .file-checkbox {
405 position: relative; 402 position: relative;
406 z-index: 2; 403 z-index: 2;
407 -webkit-margin-end: 0px; 404 -webkit-margin-end: 0px;
408 margin-top: 6px;
409 margin-left: 7px;
410 opacity: 0.1; 405 opacity: 0.1;
411 } 406 }
412 407
413 #select-all-checkbox { 408 #select-all-checkbox {
414 margin: 0; 409 -webkit-margin-start: 0;
410 -webkit-margin-end: 6px;
411 margin-top: 0;
412 margin-bottom: 0;
413
414 /* 1px below text */
415 position: relative;
416 top: 1px;
415 } 417 }
416 418
417 li.thumbnail-item .file-checkbox { 419 li.thumbnail-item .file-checkbox {
420 -webkit-margin-start: 7px;
421 margin-top: 6px;
418 opacity: 0; 422 opacity: 0;
419 } 423 }
420 424
421 li.table-row:hover .file-checkbox, 425 li.table-row:hover .file-checkbox,
422 li.thumbnail-item:hover .file-checkbox { 426 li.thumbnail-item:hover .file-checkbox {
423 opacity: 0.5; 427 opacity: 0.5;
424 } 428 }
425 429
426 .file-checkbox:hover, 430 .file-checkbox:hover,
427 li.table-row[selected] .file-checkbox, 431 li.table-row[selected] .file-checkbox,
428 li.thumbnail-item[selected] .file-checkbox { 432 li.thumbnail-item[selected] .file-checkbox {
429 opacity: 1 !important; 433 opacity: 1 !important;
430 } 434 }
431 435
432 /* Column text containers. */ 436 li.table-row {
433 .detail-name, .detail-size, .detail-type, .detail-date { 437 padding-top: 1px;
434 padding-top: 2px; 438 padding-bottom: 1px;
435 }
436
437 .detail-icon-container {
438 -webkit-box-orient: horizontal;
439 -webkit-box-pack: end;
440 display: -webkit-box;
441 } 439 }
442 440
443 /* The icon in the name column. */ 441 /* The icon in the name column. */
444 .detail-icon { 442 .detail-icon {
445 background-image: url(../images/filetype_generic.png); 443 background-image: url(../images/filetype_generic.png);
446 background-position: center; 444 background-position: center;
447 background-repeat: no-repeat; 445 background-repeat: no-repeat;
448 height: 24px; 446 height: 24px;
449 width: 24px; 447 width: 24px;
450 } 448 }
(...skipping 131 matching lines...) Expand 10 before | Expand all | Expand 10 after
582 580
583 .dialog-footer .filename-label { 581 .dialog-footer .filename-label {
584 -webkit-box-orient: horizontal; 582 -webkit-box-orient: horizontal;
585 color: #666; 583 color: #666;
586 display: -webkit-box; 584 display: -webkit-box;
587 font-weight: bold; 585 font-weight: bold;
588 padding-top: 4px; 586 padding-top: 4px;
589 padding-right: 4px; 587 padding-right: 4px;
590 } 588 }
591 589
590 .detail-name > * {
591 display: -webkit-box;
592 -webkit-box-align: center;
593 }
594
595 .detail-name > input[type=checkbox] {
596 margin: 0 2px;
597 }
598
592 .filename-input { 599 .filename-input {
593 -webkit-box-orient: horizontal; 600 -webkit-box-orient: horizontal;
594 -webkit-box-flex: 1; 601 -webkit-box-flex: 1;
595 display: -webkit-box; 602 display: -webkit-box;
596 } 603 }
597 604
598 /* A horizontal spring. */ 605 /* A horizontal spring. */
599 .horizontal-spacer { 606 .horizontal-spacer {
600 -webkit-box-orient: horizontal; 607 -webkit-box-orient: horizontal;
601 -webkit-box-flex: 1; 608 -webkit-box-flex: 1;
(...skipping 10 matching lines...) Expand all
612 /* Overlay pane covering the entire file manager window (e.g. image editor)*/ 619 /* Overlay pane covering the entire file manager window (e.g. image editor)*/
613 .overlay-pane { 620 .overlay-pane {
614 position: absolute; 621 position: absolute;
615 top: 0; 622 top: 0;
616 left: 0; 623 left: 0;
617 width: 100%; 624 width: 100%;
618 height: 100%; 625 height: 100%;
619 border: none; 626 border: none;
620 z-index: 100; 627 z-index: 100;
621 } 628 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698