| 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 |