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

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

Issue 10825182: Making file names (with icons) clickable in File Manager. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 4 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 | Annotate | Revision Log
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 html { 5 html {
6 height: 100%; 6 height: 100%;
7 } 7 }
8 8
9 html.col-resize * { 9 html.col-resize * {
10 cursor: col-resize !important; 10 cursor: col-resize !important;
(...skipping 602 matching lines...) Expand 10 before | Expand all | Expand 10 after
613 overflow: hidden; 613 overflow: hidden;
614 position: absolute; 614 position: absolute;
615 right: 0; 615 right: 0;
616 top: 0; 616 top: 0;
617 } 617 }
618 618
619 .img-container { 619 .img-container {
620 position: relative; 620 position: relative;
621 } 621 }
622 622
623 .thumbnail-frame > .img-container,
624 .detail-name .detail-icon,
625 .filename-label > * {
626 cursor: pointer;
627 }
628
629 .filename-label > :hover,
630 .breadcrumb-path:not(.breadcrumb-last):hover {
631 color: rgb(17, 85, 204);
632 text-decoration: underline;
633 }
634
623 .img-container > img { 635 .img-container > img {
624 -webkit-user-drag: none; 636 -webkit-user-drag: none;
625 position: absolute; 637 position: absolute;
626 } 638 }
627 639
628 .thumbnail-bottom { 640 .thumbnail-bottom {
629 -webkit-box-align: center; 641 -webkit-box-align: center;
630 -webkit-box-orient: horizontal; 642 -webkit-box-orient: horizontal;
631 -webkit-box-pack: center; 643 -webkit-box-pack: center;
632 bottom: 0; 644 bottom: 0;
645 cursor: auto;
633 display: -webkit-box; 646 display: -webkit-box;
634 left: 0; 647 left: 0;
635 padding: 0 5px; 648 padding: 0 5px;
636 position: absolute; 649 position: absolute;
637 right: 0; 650 right: 0;
638 } 651 }
639 652
640 .thumbnail-bottom .filename-label { 653 .thumbnail-bottom .filename-label {
641 -webkit-box-flex: 1; 654 -webkit-box-flex: 1;
642 } 655 }
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
715 background-repeat: no-repeat; 728 background-repeat: no-repeat;
716 background-size: 16px 16px; 729 background-size: 16px 16px;
717 padding-left: 26px; 730 padding-left: 26px;
718 } 731 }
719 732
720 #list-container list > *, 733 #list-container list > *,
721 #list-container grid > *, 734 #list-container grid > *,
722 #default-actions-list > * { 735 #default-actions-list > * {
723 background-image: none; 736 background-image: none;
724 border-radius: 0; 737 border-radius: 0;
725 line-height: 30px;
726 } 738 }
727 739
728 #list-container list > [selected], 740 #list-container list > [selected],
729 #list-container grid > [selected], 741 #list-container grid > [selected],
730 #default-actions-list > [selected] { 742 #default-actions-list > [selected] {
731 background-color: rgb(203, 219, 241); 743 background-color: rgb(203, 219, 241);
732 } 744 }
733 745
734 #list-container list > li.table-row[selected], 746 #list-container list > li.table-row[selected],
735 #default-actions-list > li[selected] { 747 #default-actions-list > li[selected] {
(...skipping 223 matching lines...) Expand 10 before | Expand all | Expand 10 after
959 -webkit-box-flex: 1; 971 -webkit-box-flex: 1;
960 -webkit-box-orient: horizontal; 972 -webkit-box-orient: horizontal;
961 margin: 0; 973 margin: 0;
962 padding: 0 10px; 974 padding: 0 10px;
963 } 975 }
964 976
965 .table-row-cell > .detail-name { 977 .table-row-cell > .detail-name {
966 display: -webkit-box; 978 display: -webkit-box;
967 } 979 }
968 980
981 .table-row-cell {
982 -webkit-box-align: center;
983 }
984
969 .file-checkbox { 985 .file-checkbox {
970 -webkit-margin-end: 0; 986 -webkit-margin-end: 0;
971 -webkit-margin-start: 0; 987 -webkit-margin-start: 0;
972 position: relative; 988 position: relative;
973 z-index: 2; 989 z-index: 2;
974 } 990 }
975 991
976 .file-checkbox, 992 .file-checkbox,
977 .pin { 993 .pin {
978 opacity: 0.3; 994 opacity: 0.3;
(...skipping 21 matching lines...) Expand all
1000 #list-container li.table-row[selected] .pin, 1016 #list-container li.table-row[selected] .pin,
1001 #list-container li.table-row .pin:checked, 1017 #list-container li.table-row .pin:checked,
1002 #list-container li.thumbnail-item[selected] .file-checkbox { 1018 #list-container li.thumbnail-item[selected] .file-checkbox {
1003 opacity: 1 !important; 1019 opacity: 1 !important;
1004 } 1020 }
1005 1021
1006 #list-container li.table-row, 1022 #list-container li.table-row,
1007 #default-actions-list li { 1023 #default-actions-list li {
1008 border: none; 1024 border: none;
1009 border-top: 1px solid transparent; 1025 border-top: 1px solid transparent;
1010 line-height: 39px; 1026 height: 39px;
1011 padding-bottom: 1px; 1027 padding-bottom: 1px;
1012 padding-top: 1px; 1028 padding-top: 1px;
1013 } 1029 }
1014 1030
1015 /* The icon in the name column. See file_types.css for specific icons. */ 1031 /* The icon in the name column. See file_types.css for specific icons. */
1016 .detail-icon { 1032 .detail-icon {
1017 height: 24px; 1033 height: 24px;
1018 width: 24px; 1034 width: 24px;
1019 } 1035 }
1020 1036
(...skipping 444 matching lines...) Expand 10 before | Expand all | Expand 10 after
1465 height: 100%; 1481 height: 100%;
1466 } 1482 }
1467 1483
1468 #list-container .table-header-cell:hover { 1484 #list-container .table-header-cell:hover {
1469 background-color: #f2f2f2; 1485 background-color: #f2f2f2;
1470 } 1486 }
1471 1487
1472 button:focus { 1488 button:focus {
1473 outline-color: rgb(77, 144, 254); 1489 outline-color: rgb(77, 144, 254);
1474 } 1490 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698