| 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:not([type]) [visibleif] { | 6 body:not([type]) [visibleif] { |
| 7 display: none; | 7 display: none; |
| 8 } | 8 } |
| 9 | 9 |
| 10 body[type='folder'] [invisibleif~='folder'], | 10 body[type='folder'] [invisibleif~='folder'], |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 53 a:focus { | 53 a:focus { |
| 54 outline-color: rgb(77, 144, 254); | 54 outline-color: rgb(77, 144, 254); |
| 55 } | 55 } |
| 56 | 56 |
| 57 /* Drop opacity of selected rows to give a visual feedback on copy/cut | 57 /* Drop opacity of selected rows to give a visual feedback on copy/cut |
| 58 * operation. */ | 58 * operation. */ |
| 59 .blink { | 59 .blink { |
| 60 opacity: 0.8; | 60 opacity: 0.8; |
| 61 } | 61 } |
| 62 | 62 |
| 63 .dialog-container ::-webkit-scrollbar { | |
| 64 height: 0; | |
| 65 width: 0; | |
| 66 } | |
| 67 | |
| 68 /* TODO(mtomasz): Flip scrollbars to the opposite side for RTL languages. */ | |
| 69 .scrollbar-vertical { | |
| 70 bottom: 0; | |
| 71 flex: none; | |
| 72 pointer-events: none; | |
| 73 position: absolute; | |
| 74 right: 0; | |
| 75 top: 0; | |
| 76 width: 10px; | |
| 77 z-index: 500; /* Must be below the contextmenu (600). */ | |
| 78 } | |
| 79 | |
| 80 .scrollbar-button { | |
| 81 background-color: black; | |
| 82 border-radius: 3px; | |
| 83 border: 1px solid #ccc; | |
| 84 box-sizing: border-box; | |
| 85 height: 50%; | |
| 86 margin-right: 2px; | |
| 87 opacity: 0; | |
| 88 pointer-events: auto; | |
| 89 position: absolute; | |
| 90 transition: opacity 100ms; | |
| 91 width: 8px; | |
| 92 } | |
| 93 | |
| 94 :hover > .scrollbar-vertical > .scrollbar-button, | |
| 95 .scrollbar-vertical > .scrollbar-button.scrolling { | |
| 96 opacity: 0.3; | |
| 97 } | |
| 98 | |
| 99 .scrollbar-vertical > .scrollbar-button:hover { | |
| 100 opacity: 0.4; | |
| 101 } | |
| 102 | |
| 103 .scrollbar-vertical > .scrollbar-button.pressed { | |
| 104 opacity: 0.5; | |
| 105 } | |
| 106 | |
| 107 /* Main part of the dialog between header and footer. */ | 63 /* Main part of the dialog between header and footer. */ |
| 108 .dialog-container { | 64 .dialog-container { |
| 109 align-items: stretch; | 65 align-items: stretch; |
| 110 background-color: rgb(250, 250, 250); /* Makes #drag-container invisible. */ | 66 background-color: rgb(250, 250, 250); /* Makes #drag-container invisible. */ |
| 111 display: flex; | 67 display: flex; |
| 112 flex: auto; | 68 flex: auto; |
| 113 flex-direction: row; | 69 flex-direction: row; |
| 114 overflow: hidden; | 70 overflow: hidden; |
| 115 position: relative; | 71 position: relative; |
| 116 } | 72 } |
| (...skipping 879 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 996 flex: auto; | 952 flex: auto; |
| 997 flex-direction: column; | 953 flex-direction: column; |
| 998 min-height: 0; | 954 min-height: 0; |
| 999 } | 955 } |
| 1000 | 956 |
| 1001 #detail-table > list, | 957 #detail-table > list, |
| 1002 .thumbnail-grid { | 958 .thumbnail-grid { |
| 1003 flex: auto; | 959 flex: auto; |
| 1004 } | 960 } |
| 1005 | 961 |
| 1006 #file-list { | |
| 1007 /* Override overflow specifying by table_list.js to use the original scroll | |
| 1008 bar. crbug.com/391698 */ | |
| 1009 overflow: scroll !important; | |
| 1010 } | |
| 1011 | |
| 1012 #file-list .drag-selection-border { | 962 #file-list .drag-selection-border { |
| 1013 -webkit-box-sizing: border-box; | 963 -webkit-box-sizing: border-box; |
| 1014 background-color: rgba(255, 255, 255, 0.3); | 964 background-color: rgba(255, 255, 255, 0.3); |
| 1015 border: 2px solid rgba(255, 255, 255, 0.6); | 965 border: 2px solid rgba(255, 255, 255, 0.6); |
| 1016 outline: 1px solid rgba(0, 0, 0, 0.1); | 966 outline: 1px solid rgba(0, 0, 0, 0.1); |
| 1017 position: absolute; | 967 position: absolute; |
| 1018 z-index: 2; | 968 z-index: 2; |
| 1019 } | 969 } |
| 1020 | 970 |
| 1021 .spinner { | 971 .spinner { |
| (...skipping 1258 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2280 border-radius: 2px; | 2230 border-radius: 2px; |
| 2281 color: white; | 2231 color: white; |
| 2282 display: none; /* hidden until activaed */ | 2232 display: none; /* hidden until activaed */ |
| 2283 font-size: 12px; | 2233 font-size: 12px; |
| 2284 height: 24px; | 2234 height: 24px; |
| 2285 line-height: 24px; | 2235 line-height: 24px; |
| 2286 padding: 0 8px; | 2236 padding: 0 8px; |
| 2287 position: absolute; | 2237 position: absolute; |
| 2288 z-index: 1000; /* same height as files-tooltip */ | 2238 z-index: 1000; /* same height as files-tooltip */ |
| 2289 } | 2239 } |
| OLD | NEW |