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

Unified Diff: chrome/browser/resources/file_manager/css/file_manager.css

Issue 10843063: Promo for buying Drive storage when you're low on space (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Addressed comments Created 8 years, 4 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
Index: chrome/browser/resources/file_manager/css/file_manager.css
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index b702d4f59761dc4e39b288b53311cbc8d0c3f7bc..15135e0642403c9e37ca3bce1b2db139801753a7 100755
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -594,6 +594,43 @@ button#detail-view:not([disabled]) {
height: 0;
}
+/* Drive space warning banner. */
+.gdrive-space-warning {
+ -webkit-box-align: center;
+ -webkit-box-orient: horizontal;
+ -webkit-transition: height 70ms linear;
+ background-image: url('../images/files/ui/clouds.png');
+ background-repeat: repeat-x;
+ background-size: 150px 44px;
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ color: #333;
+ display: -webkit-box;
+ font-size: 13px;
+ height: 44px;
+ overflow: hidden;
+ position: relative;
+}
+
+.gdrive-space-warning[hidden] {
+ border-top-width: 0;
+ height: 0;
+}
+
+.gdrive-space-warning .gdrive-icon {
+ background-image: -webkit-image-set(
+ url('../images/files/ui/gdrive_logo.png') 1x,
+ url('../images/files/ui/2x/gdrive_logo.png') 2x);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 25px 22px;
+ height: 44px;
+ width: 50px;
+}
+
+.gdrive-space-warning .gdrive-text {
+ margin-right: 11px;
+}
+
/* The cr.ui.Grid representing the detailed file list. */
.thumbnail-grid {
overflow-y: auto;

Powered by Google App Engine
This is Rietveld 408576698