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

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

Issue 2724303003: Replace homebrew scrollbar in Files app with that of Blink. (Closed)
Patch Set: Remove debugging code. Created 3 years, 8 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/compiled_resources.gyp » ('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: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
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | ui/file_manager/file_manager/foreground/js/compiled_resources.gyp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698