OLD | NEW |
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 /* Special attribute used in HTML to hide elements. */ | 5 /* Special attribute used in HTML to hide elements. */ |
6 body[type='folder'] [invisibleif~='folder'], | 6 body[type='folder'] [invisibleif~='folder'], |
7 body[type='upload-folder'] [invisibleif~='upload-folder'], | 7 body[type='upload-folder'] [invisibleif~='upload-folder'], |
8 body[type='saveas-file'] [invisibleif~='saveas-file'], | 8 body[type='saveas-file'] [invisibleif~='saveas-file'], |
9 body[type='open-file'] [invisibleif~='open-file'], | 9 body[type='open-file'] [invisibleif~='open-file'], |
10 body[type='open-multi-file'] [invisibleif~='open-multi-file'], | 10 body[type='open-multi-file'] [invisibleif~='open-multi-file'], |
(...skipping 321 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
332 .dialog-header button.icon-button > core-icon { | 332 .dialog-header button.icon-button > core-icon { |
333 margin: 8px; | 333 margin: 8px; |
334 } | 334 } |
335 | 335 |
336 #cloud-import-details-button { | 336 #cloud-import-details-button { |
337 margin-left: -15px; | 337 margin-left: -15px; |
338 } | 338 } |
339 | 339 |
340 #cloud-import-details { | 340 #cloud-import-details { |
341 background-color: white; | 341 background-color: white; |
342 box-sizing: border-box; | 342 border-radius: 4px; |
343 height: 320px; | 343 box-shadow: 2px 2px 6px #555555; |
344 opacity: .85; | 344 line-height: 1.5em; |
345 padding: 10px; | |
346 position: absolute; | 345 position: absolute; |
347 right: 0px; | 346 right: 75px; /* Positioned in relation to the cloud-import toolbar button */ |
348 top: 49px; | 347 top: 38px; /* Positioned just overlapping the top of the toolbar */ |
349 transform: translateX(0); | 348 transition: all 0.2s ease; |
350 transition: transform 0.2s ease; | 349 width: 250px; |
351 width: 270px; | |
352 z-index: 5; | 350 z-index: 5; |
353 } | 351 } |
354 | 352 |
355 #cloud-import-details.offscreen { | 353 #cloud-import-details.hidden { |
| 354 -webkit-transform: translateX(25px); |
356 opacity: 0; | 355 opacity: 0; |
357 transform: translateX(270px); /* Keep in sync with width. */ | |
358 } | 356 } |
359 | 357 |
360 #cloud-import-details div { | 358 #cloud-import-details .banner { |
361 border: 0px 0px 1px 0px solid gray; | 359 background-color: #37474F; |
362 padding: 10px; | 360 border-radius: 4px 4px 0px 0px; |
| 361 color: white; |
| 362 padding: 20px; |
| 363 } |
| 364 |
| 365 #cloud-import-details .banner .title { |
| 366 font-size: 122%; |
| 367 font-weight: bold; |
| 368 margin-bottom: 5px; |
| 369 } |
| 370 |
| 371 #cloud-import-details .main { |
| 372 display: flex; |
| 373 flex-direction: column; |
| 374 padding: 20px; |
| 375 } |
| 376 |
| 377 #cloud-import-details .status { |
| 378 display: flex; |
| 379 flex-direction: row; |
| 380 margin-top: .2em; |
| 381 } |
| 382 |
| 383 #cloud-import-details .status core-icon { |
| 384 display: block; |
| 385 height: 16px; |
| 386 opacity: .6; |
| 387 width: 16px; |
| 388 } |
| 389 |
| 390 #cloud-import-details .status .content { |
| 391 flex: 1; |
| 392 color: #646464; |
| 393 padding-left: 10px; |
| 394 } |
| 395 |
| 396 #cloud-import-details .status .content::first-line { |
| 397 font-size: 110%; |
| 398 color: #333333; |
| 399 } |
| 400 |
| 401 #cloud-import-details .status .destination-link { |
| 402 color: #1BA8F3; |
| 403 cursor: pointer; |
| 404 } |
| 405 |
| 406 #cloud-import-details paper-button.import { |
| 407 align-self: flex-end; |
| 408 background-color: #1BA8F3; |
| 409 color: white; |
| 410 margin-top: 20px; |
363 } | 411 } |
364 | 412 |
365 #files-selected-label { | 413 #files-selected-label { |
366 display: none; | 414 display: none; |
367 margin: 0 10px; | 415 margin: 0 10px; |
368 } | 416 } |
369 | 417 |
370 body.selecting #files-selected-label { | 418 body.selecting #files-selected-label { |
371 display: block; | 419 display: block; |
372 } | 420 } |
(...skipping 1380 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1753 padding: 20px 15px; | 1801 padding: 20px 15px; |
1754 } | 1802 } |
1755 | 1803 |
1756 .text-measure { | 1804 .text-measure { |
1757 pointer-events: none; | 1805 pointer-events: none; |
1758 position: absolute; | 1806 position: absolute; |
1759 top: 0; | 1807 top: 0; |
1760 visibility: hidden; | 1808 visibility: hidden; |
1761 z-index: -1; | 1809 z-index: -1; |
1762 } | 1810 } |
OLD | NEW |