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, |