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

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

Issue 1616673003: Remove unused images and CSS properties. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 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
Index: ui/file_manager/gallery/css/gallery.css
diff --git a/ui/file_manager/gallery/css/gallery.css b/ui/file_manager/gallery/css/gallery.css
index c227e0f612a51919ed7b2435c7abc02f6884285e..2d5fa5263b4ef9644f7a1527cbe48c625c9527aa 100644
--- a/ui/file_manager/gallery/css/gallery.css
+++ b/ui/file_manager/gallery/css/gallery.css
@@ -16,24 +16,52 @@ button:focus {
outline: 1px solid rgb(77, 144, 254);
}
-input[type='checkbox'] {
- width: 15px;
- height: 15px;
+/* TODO(fukino): This style for the bubble is old. Apply new design and remove
+ * these styles. */
+.bubble {
fukino 2016/01/21 09:02:17 The style for .bubble used to be defined in common
+ background: #FFF;
+ border-radius: 2px;
+ cursor: default;
+ outline: 1px solid rgba(0, 0, 0, 0.2);
+ padding: 16px;
+}
+
+.bubble .pointer {
background: -webkit-image-set(
- url(../../file_manager/foreground/images/common/checkbox_white_unchecked.png) 1x,
- url(../../file_manager/foreground/images/common/2x/checkbox_white_unchecked.png) 2x)
- -1px -1px;
- -webkit-appearance: none;
- display: inline-block;
- margin: 1px 6px 1px 1px;
- vertical-align: text-bottom;
+ url(../../file_manager/foreground/images/common/bubble_point_white.png) 1x,
+ url(../../file_manager/foreground/images/common/2x/bubble_point_white.png) 2x);
+ display: block;
+ height: 11px;
+ left: 24px;
+ margin: 0 0 0 -5px;
+ outline: none;
+ position: absolute;
+ width: 17px;
}
-input[type='checkbox']:checked {
+.bubble .pointer:not(.bottom) {
+ top: -11px;
+}
+
+.bubble .pointer.bottom {
+ -webkit-transform: rotate(180deg);
+ bottom: -11px;
+}
+
+.bubble .close-x {
background: -webkit-image-set(
- url(../../file_manager/foreground/images/common/checkbox_white_checked.png) 1x,
- url(../../file_manager/foreground/images/common/2x/checkbox_white_checked.png) 2x)
- -1px -1px;
+ url(../../file_manager/foreground/images/common/close_x_gray.png) 1x,
+ url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x);
+ height: 21px;
+ opacity: 0.3;
+ position: absolute;
+ right: 3px;
+ top: 3px;
+ width: 21px;
+}
+
+.bubble .close-x:hover {
+ opacity: 0.7;
}
paper-ripple,

Powered by Google App Engine
This is Rietveld 408576698