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

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: RTL in File Manager, code review fixes. 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 379 matching lines...) Expand 10 before | Expand all | Expand 10 after
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-orient: horizontal; 395 -webkit-box-orient: horizontal;
396 -webkit-box-flex: 1; 396 -webkit-box-flex: 1;
397 display: -webkit-box; 397 display: -webkit-box;
398 } 398 }
399 399
400 .detail-table li.table-row .table-row-cell:first-child div {
401 margin: 0px;
402 }
403
404 .file-checkbox { 400 .file-checkbox {
405 position: relative; 401 position: relative;
406 z-index: 2; 402 z-index: 2;
407 -webkit-margin-end: 0px; 403 -webkit-margin-end: 0px;
408 margin-top: 6px;
409 margin-left: 7px;
410 opacity: 0.1; 404 opacity: 0.1;
411 } 405 }
412 406
413 #select-all-checkbox { 407 #select-all-checkbox {
414 margin: 0; 408 -webkit-margin-start: 0;
409 -webkit-margin-end: 6px;
410 margin-top: 0;
411 margin-bottom: 0;
412
413 /* 1px below text */
414 position: relative;
415 top: 1px;
415 } 416 }
416 417
417 li.thumbnail-item .file-checkbox { 418 li.thumbnail-item .file-checkbox {
419 -webkit-margin-start: 7px;
420 margin-top: 6px;
418 opacity: 0; 421 opacity: 0;
419 } 422 }
420 423
421 li.table-row:hover .file-checkbox, 424 li.table-row:hover .file-checkbox,
422 li.thumbnail-item:hover .file-checkbox { 425 li.thumbnail-item:hover .file-checkbox {
423 opacity: 0.5; 426 opacity: 0.5;
424 } 427 }
425 428
426 .file-checkbox:hover, 429 .file-checkbox:hover,
427 li.table-row[selected] .file-checkbox, 430 li.table-row[selected] .file-checkbox,
428 li.thumbnail-item[selected] .file-checkbox { 431 li.thumbnail-item[selected] .file-checkbox {
429 opacity: 1 !important; 432 opacity: 1 !important;
430 } 433 }
431 434
432 /* Column text containers. */ 435 li.table-row {
433 .detail-name, .detail-size, .detail-type, .detail-date { 436 padding-top: 1px;
434 padding-top: 2px; 437 padding-bottom: 1px;
435 }
436
437 .detail-icon-container {
438 -webkit-box-orient: horizontal;
439 -webkit-box-pack: end;
440 display: -webkit-box;
441 } 438 }
442 439
443 /* The icon in the name column. */ 440 /* The icon in the name column. */
444 .detail-icon { 441 .detail-icon {
445 background-image: url(../images/filetype_generic.png); 442 background-image: url(../images/filetype_generic.png);
446 background-position: center; 443 background-position: center;
447 background-repeat: no-repeat; 444 background-repeat: no-repeat;
448 height: 24px; 445 height: 24px;
449 width: 24px; 446 width: 24px;
450 } 447 }
(...skipping 131 matching lines...) Expand 10 before | Expand all | Expand 10 after
582 579
583 .dialog-footer .filename-label { 580 .dialog-footer .filename-label {
584 -webkit-box-orient: horizontal; 581 -webkit-box-orient: horizontal;
585 color: #666; 582 color: #666;
586 display: -webkit-box; 583 display: -webkit-box;
587 font-weight: bold; 584 font-weight: bold;
588 padding-top: 4px; 585 padding-top: 4px;
589 padding-right: 4px; 586 padding-right: 4px;
590 } 587 }
591 588
589 .detail-name > * {
590 display: -webkit-box;
591 -webkit-box-align: center;
592 }
593
594 .detail-name > input[type=checkbox] {
595 margin: 0 2px;
596 }
597
592 .filename-input { 598 .filename-input {
593 -webkit-box-orient: horizontal; 599 -webkit-box-orient: horizontal;
594 -webkit-box-flex: 1; 600 -webkit-box-flex: 1;
595 display: -webkit-box; 601 display: -webkit-box;
596 } 602 }
597 603
598 /* A horizontal spring. */ 604 /* A horizontal spring. */
599 .horizontal-spacer { 605 .horizontal-spacer {
600 -webkit-box-orient: horizontal; 606 -webkit-box-orient: horizontal;
601 -webkit-box-flex: 1; 607 -webkit-box-flex: 1;
(...skipping 10 matching lines...) Expand all
612 /* Overlay pane covering the entire file manager window (e.g. image editor)*/ 618 /* Overlay pane covering the entire file manager window (e.g. image editor)*/
613 .overlay-pane { 619 .overlay-pane {
614 position: absolute; 620 position: absolute;
615 top: 0; 621 top: 0;
616 left: 0; 622 left: 0;
617 width: 100%; 623 width: 100%;
618 height: 100%; 624 height: 100%;
619 border: none; 625 border: none;
620 z-index: 100; 626 z-index: 100;
621 } 627 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698