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

Side by Side Diff: ui/file_manager/gallery/css/gallery.css

Issue 2214373002: fix position of bubble in gallery to consider RTL (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fix position of bubble in gallary Created 4 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 unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 body { 5 body {
6 -webkit-user-select: none; 6 -webkit-user-select: none;
7 background-color: black; 7 background-color: black;
8 font-size: 84%; 8 font-size: 84%;
9 margin: 0; 9 margin: 0;
10 } 10 }
(...skipping 22 matching lines...) Expand all
33 url(../../file_manager/foreground/images/common/2x/bubble_point_white.png) 2 x); 33 url(../../file_manager/foreground/images/common/2x/bubble_point_white.png) 2 x);
34 display: block; 34 display: block;
35 height: 11px; 35 height: 11px;
36 left: 24px; 36 left: 24px;
37 margin: 0 0 0 -5px; 37 margin: 0 0 0 -5px;
38 outline: none; 38 outline: none;
39 position: absolute; 39 position: absolute;
40 width: 17px; 40 width: 17px;
41 } 41 }
42 42
43 html[dir='rtl'] .bubble .pointer {
44 margin: 0 -5px 0 0;
45 left: auto;
46 right: 24px;
47 }
48
43 .bubble .pointer:not(.bottom) { 49 .bubble .pointer:not(.bottom) {
44 top: -11px; 50 top: -11px;
45 } 51 }
46 52
47 .bubble .pointer.bottom { 53 .bubble .pointer.bottom {
48 transform: rotate(180deg); 54 transform: rotate(180deg);
49 bottom: -11px; 55 bottom: -11px;
50 } 56 }
51 57
52 .bubble .close-x { 58 .bubble .close-x {
53 background: -webkit-image-set( 59 background: -webkit-image-set(
54 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x, 60 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x,
55 url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x); 61 url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x);
56 height: 21px; 62 height: 21px;
57 opacity: 0.3; 63 opacity: 0.3;
58 position: absolute; 64 position: absolute;
59 right: 3px; 65 right: 3px;
60 top: 3px; 66 top: 3px;
61 width: 21px; 67 width: 21px;
62 } 68 }
63 69
70 html[dir='rtl'] .bubble .close-x {
71 right: auto;
72 left: 3px;
73 }
74
64 .bubble .close-x:hover { 75 .bubble .close-x:hover {
65 opacity: 0.7; 76 opacity: 0.7;
66 } 77 }
67 78
68 paper-ripple, 79 paper-ripple,
69 paper-button::shadow paper-ripple { 80 paper-button::shadow paper-ripple {
70 color: black; 81 color: black;
71 } 82 }
72 83
73 files-toggle-ripple::shadow .ripple.activated { 84 files-toggle-ripple::shadow .ripple.activated {
(...skipping 279 matching lines...) Expand 10 before | Expand all | Expand 10 after
353 /* Bubble */ 364 /* Bubble */
354 365
355 .gallery .toolbar .bubble { 366 .gallery .toolbar .bubble {
356 bottom: 65px; 367 bottom: 65px;
357 font-size: 85%; 368 font-size: 85%;
358 left: 20px; 369 left: 20px;
359 position: absolute; 370 position: absolute;
360 width: 220px; 371 width: 220px;
361 } 372 }
362 373
374 html[dir='rtl'] .gallery .toolbar .bubble {
375 left: auto;
376 right: 20px;
377 }
378
363 .gallery:not([editing]) .toolbar .bubble { 379 .gallery:not([editing]) .toolbar .bubble {
364 display: none; 380 display: none;
365 } 381 }
366 382
367 /* Middle spacer */ 383 /* Middle spacer */
368 384
369 .gallery .middle-spacer { 385 .gallery .middle-spacer {
370 align-items: center; 386 align-items: center;
371 display: flex; 387 display: flex;
372 flex: 1 0 auto; 388 flex: 1 0 auto;
(...skipping 991 matching lines...) Expand 10 before | Expand all | Expand 10 after
1364 .thumbnail-view .animation-thumbnail { 1380 .thumbnail-view .animation-thumbnail {
1365 background-repeat: no-repeat; 1381 background-repeat: no-repeat;
1366 background-size: cover; 1382 background-size: cover;
1367 display: none; 1383 display: none;
1368 position: absolute; 1384 position: absolute;
1369 } 1385 }
1370 1386
1371 .thumbnail-view .animation-thumbnail.animating { 1387 .thumbnail-view .animation-thumbnail.animating {
1372 display: block; 1388 display: block;
1373 } 1389 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698