OLD | NEW |
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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |