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

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

Issue 2275843002: Gallery: Truncate long file name with ellipsis. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 3 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 335 matching lines...) Expand 10 before | Expand all | Expand 10 after
346 346
347 .filename-spacer { 347 .filename-spacer {
348 -webkit-margin-start: 16px; 348 -webkit-margin-start: 16px;
349 flex: 1 0 auto; 349 flex: 1 0 auto;
350 } 350 }
351 351
352 #rename-input { 352 #rename-input {
353 margin: 8px 0; 353 margin: 8px 0;
354 min-width: 160px; 354 min-width: 160px;
355 padding: 4px 0; 355 padding: 4px 0;
356 text-overflow: ellipsis;
357 width: -webkit-fit-content; 356 width: -webkit-fit-content;
358 } 357 }
359 358
360 #rename-input > input { 359 #rename-input > input {
361 color: white; 360 color: white;
361 text-overflow: ellipsis;
362 } 362 }
363 363
364 /* Bubble */ 364 /* Bubble */
365 365
366 .gallery .toolbar .bubble { 366 .gallery .toolbar .bubble {
367 bottom: 65px; 367 bottom: 65px;
368 font-size: 85%; 368 font-size: 85%;
369 left: 20px; 369 left: 20px;
370 position: absolute; 370 position: absolute;
371 width: 220px; 371 width: 220px;
(...skipping 1008 matching lines...) Expand 10 before | Expand all | Expand 10 after
1380 .thumbnail-view .animation-thumbnail { 1380 .thumbnail-view .animation-thumbnail {
1381 background-repeat: no-repeat; 1381 background-repeat: no-repeat;
1382 background-size: cover; 1382 background-size: cover;
1383 display: none; 1383 display: none;
1384 position: absolute; 1384 position: absolute;
1385 } 1385 }
1386 1386
1387 .thumbnail-view .animation-thumbnail.animating { 1387 .thumbnail-view .animation-thumbnail.animating {
1388 display: block; 1388 display: block;
1389 } 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