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

Side by Side Diff: ui/file_manager/file_manager/foreground/css/file_manager.css

Issue 1034443002: Files.app: Calculate the hit elements on drag-selection correctly. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Address review comments. Created 5 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 | « no previous file | ui/file_manager/file_manager/foreground/js/ui/file_grid.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2014 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 /* Special attribute used in HTML to hide elements. */ 5 /* Special attribute used in HTML to hide elements. */
6 body[type='folder'] [invisibleif~='folder'], 6 body[type='folder'] [invisibleif~='folder'],
7 body[type='upload-folder'] [invisibleif~='upload-folder'], 7 body[type='upload-folder'] [invisibleif~='upload-folder'],
8 body[type='saveas-file'] [invisibleif~='saveas-file'], 8 body[type='saveas-file'] [invisibleif~='saveas-file'],
9 body[type='open-file'] [invisibleif~='open-file'], 9 body[type='open-file'] [invisibleif~='open-file'],
10 body[type='open-multi-file'] [invisibleif~='open-multi-file'], 10 body[type='open-multi-file'] [invisibleif~='open-multi-file'],
(...skipping 951 matching lines...) Expand 10 before | Expand all | Expand 10 after
962 .volume-warning .drive-text { 962 .volume-warning .drive-text {
963 flex: none; 963 flex: none;
964 margin-right: 11px; 964 margin-right: 11px;
965 } 965 }
966 966
967 /* The cr.ui.Grid representing the detailed file list. */ 967 /* The cr.ui.Grid representing the detailed file list. */
968 .thumbnail-grid { 968 .thumbnail-grid {
969 /* On the right side, we have less margin to pack items as long as they are 969 /* On the right side, we have less margin to pack items as long as they are
970 fully visible. */ 970 fully visible. */
971 -webkit-padding-end: 2px; 971 -webkit-padding-end: 2px;
972 -webkit-padding-start: 7px; 972 -webkit-padding-start: 4px;
973 box-sizing: border-box; 973 box-sizing: border-box;
974 overflow-y: auto; 974 overflow-y: auto;
975 padding-bottom: 7px; 975 padding-bottom: 16px;
976 padding-top: 7px; 976 padding-top: 4px;
977 width: 100%; 977 width: 100%;
978 } 978 }
979 979
980 body[type='full-page'] .thumbnail-frame > .img-container { 980 body[type='full-page'] .thumbnail-frame > .img-container {
981 position: relative; 981 position: relative;
982 } 982 }
983 983
984 body[type='full-page'] .thumbnail-frame > .img-container, 984 body[type='full-page'] .thumbnail-frame > .img-container,
985 body[type='full-page'] .detail-name .detail-icon { 985 body[type='full-page'] .detail-name .detail-icon {
986 cursor: pointer; 986 cursor: pointer;
(...skipping 23 matching lines...) Expand all
1010 } 1010 }
1011 1011
1012 /* Styles specific for the grid view. */ 1012 /* Styles specific for the grid view. */
1013 1013
1014 .thumbnail-grid .thumbnail-item { 1014 .thumbnail-grid .thumbnail-item {
1015 -webkit-margin-start: 12px; 1015 -webkit-margin-start: 12px;
1016 background-color: rgb(245, 245, 245); 1016 background-color: rgb(245, 245, 245);
1017 border-radius: 2px; 1017 border-radius: 2px;
1018 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); 1018 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
1019 height: 180px; 1019 height: 180px;
1020 margin-top: 8px; 1020 margin-top: 12px;
1021 overflow: hidden; 1021 overflow: hidden;
1022 position: relative; 1022 position: relative;
1023 transition: box-shadow 220ms ease; 1023 transition: box-shadow 220ms ease;
1024 vertical-align: top; /* Prevent vertical spacing for wrapped inline box. */
1024 width: 180px; 1025 width: 180px;
1025 } 1026 }
1026 1027
1027 .thumbnail-grid .thumbnail-item .thumbnail { 1028 .thumbnail-grid .thumbnail-item .thumbnail {
1028 border-radius: 2px; 1029 border-radius: 2px;
1029 } 1030 }
1030 1031
1031 .thumbnail-grid .thumbnail-frame { 1032 .thumbnail-grid .thumbnail-frame {
1032 height: 100%; 1033 height: 100%;
1033 width: 100%; 1034 width: 100%;
(...skipping 987 matching lines...) Expand 10 before | Expand all | Expand 10 after
2021 padding: 20px 15px; 2022 padding: 20px 15px;
2022 } 2023 }
2023 2024
2024 .text-measure { 2025 .text-measure {
2025 pointer-events: none; 2026 pointer-events: none;
2026 position: absolute; 2027 position: absolute;
2027 top: 0; 2028 top: 0;
2028 visibility: hidden; 2029 visibility: hidden;
2029 z-index: -1; 2030 z-index: -1;
2030 } 2031 }
OLDNEW
« no previous file with comments | « no previous file | ui/file_manager/file_manager/foreground/js/ui/file_grid.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698