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

Unified Diff: ui/file_manager/file_manager/foreground/css/file_manager.css

Issue 2654873006: Revert of Replace homebrew scrollbar in Files app with that of Blink. (Closed)
Patch Set: Sync to head. Created 3 years, 11 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 side-by-side diff with in-line comments
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 »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ui/file_manager/file_manager/foreground/css/file_manager.css
diff --git a/ui/file_manager/file_manager/foreground/css/file_manager.css b/ui/file_manager/file_manager/foreground/css/file_manager.css
index 8e3b28c76a91ef3a1e523061c98e8f9d2422127b..b3c82b2c6404837332fc7ae42294512634d5e5d8 100644
--- a/ui/file_manager/file_manager/foreground/css/file_manager.css
+++ b/ui/file_manager/file_manager/foreground/css/file_manager.css
@@ -60,6 +60,50 @@ a:focus {
opacity: 0.8;
}
+.dialog-container ::-webkit-scrollbar {
+ height: 0;
+ width: 0;
+}
+
+/* TODO(mtomasz): Flip scrollbars to the opposite side for RTL languages. */
+.scrollbar-vertical {
+ bottom: 0;
+ flex: none;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 10px;
+ z-index: 500; /* Must be below the contextmenu (600). */
+}
+
+.scrollbar-button {
+ background-color: black;
+ border-radius: 3px;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ height: 50%;
+ margin-right: 2px;
+ opacity: 0;
+ pointer-events: auto;
+ position: absolute;
+ transition: opacity 100ms;
+ width: 8px;
+}
+
+:hover > .scrollbar-vertical > .scrollbar-button,
+.scrollbar-vertical > .scrollbar-button.scrolling {
+ opacity: 0.3;
+}
+
+.scrollbar-vertical > .scrollbar-button:hover {
+ opacity: 0.4;
+}
+
+.scrollbar-vertical > .scrollbar-button.pressed {
+ opacity: 0.5;
+}
+
/* Main part of the dialog between header and footer. */
.dialog-container {
align-items: stretch;
@@ -128,10 +172,6 @@ div.splitter {
position: absolute;
right: 0;
top: 0;
-
- /* TODO(yamaguchi): Remove these when crbug.com/671644 is resolved. */
- background-color: rgb(250, 250, 250);
- contain: paint;
}
#directory-tree .tree-row {
@@ -964,9 +1004,9 @@ html[dir='rtl'] .breadcrumbs .separator {
}
#file-list {
- /* TODO(yamaguchi): Remove these when crbug.com/671644 is resolved. */
- background-color: rgb(250, 250, 250);
- contain: paint;
+ /* Override overflow specifying by table_list.js to use the original scroll
+ bar. crbug.com/391698 */
+ overflow: scroll !important;
}
#file-list .drag-selection-border {
« 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