Commit 0847ada9 authored by mtomasz@chromium.org's avatar mtomasz@chromium.org

Implement Files.app V2 new scrollbars and bottom bar.

This patch adds new scrollbars and restyles the preview images to match the recent specs.

TEST=Run chrome with --file-manager-new-ui, launch Files.app and verify.
BUG=226912


Review URL: https://chromiumcodereview.appspot.com/13783003

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@193010 0039d316-1c4b-4281-b951-d872f2087c98
parent 6ed2e0cc
...@@ -38,6 +38,19 @@ body.loaded { ...@@ -38,6 +38,19 @@ body.loaded {
opacity: 0.8; opacity: 0.8;
} }
body[new-ui] ::-webkit-scrollbar {
height: 8px;
width: 8px;
}
body[new-ui] ::-webkit-scrollbar-track {
padding: 5px;
}
body[new-ui] ::-webkit-scrollbar-thumb {
background-color: rgb(180, 180, 180);
}
#butter-bar-container { #butter-bar-container {
-webkit-box-pack: center; -webkit-box-pack: center;
display: -webkit-box; display: -webkit-box;
...@@ -1097,6 +1110,8 @@ input.rename { ...@@ -1097,6 +1110,8 @@ input.rename {
body[new-ui] .preview-panel { body[new-ui] .preview-panel {
background-color: white; background-color: white;
border-top: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4;
height: 51px;
padding: 0 12px 0 7px;
} }
.preview-panel[visibility=hiding] { .preview-panel[visibility=hiding] {
...@@ -1117,6 +1132,11 @@ body[new-ui] .preview-panel { ...@@ -1117,6 +1132,11 @@ body[new-ui] .preview-panel {
padding-left: 39px; padding-left: 39px;
} }
body[new-ui] .preview-thumbnails {
padding-left: 25px;
}
.preview-thumbnails > .thumbnail { .preview-thumbnails > .thumbnail {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
background-color: #f2f2f2; background-color: #f2f2f2;
...@@ -1127,6 +1147,14 @@ body[new-ui] .preview-panel { ...@@ -1127,6 +1147,14 @@ body[new-ui] .preview-panel {
width: 45px; width: 45px;
} }
body[new-ui] .preview-thumbnails > .thumbnail {
-webkit-box-shadow: 0 1px 1px rgba(80, 80, 80, 0.5);
border: 1px solid #fff;
height: 35px;
margin: 0 0 0 -25px; /* Overlapped images. */
width: 35px;
}
body[new-ui] .preview-thumbnails > .thumbnail { body[new-ui] .preview-thumbnails > .thumbnail {
background-color: white; background-color: white;
} }
...@@ -1139,6 +1167,14 @@ body[new-ui] .preview-thumbnails > .thumbnail { ...@@ -1139,6 +1167,14 @@ body[new-ui] .preview-thumbnails > .thumbnail {
width: 45px; width: 45px;
} }
body[new-ui] .preview-thumbnails > .thumbnail > .img-container {
-webkit-box-sizing: border-box;
background-size: 35px 35px;
border: 1px solid white;
height: 35px;
width: 35px;
}
.preview-thumbnails > .popup { .preview-thumbnails > .popup {
-webkit-transform: translate(0, 3px) scale(0.95); -webkit-transform: translate(0, 3px) scale(0.95);
background-color: #f2f2f2; background-color: #f2f2f2;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment