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 /* The order of z-index: | 5 /* The order of z-index: |
6 * - -1: text-measure | 6 * - -1: text-measure |
7 * - 2: drag-selection-border | 7 * - 2: drag-selection-border |
8 * - 3: preview-panel | 8 * - 3: preview-panel |
9 * - 500: scrollbar | 9 * - 500: scrollbar |
10 * - 500: splitter | 10 * - 500: splitter |
(...skipping 331 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
342 .dialog-header button.icon-button > core-icon { | 342 .dialog-header button.icon-button > core-icon { |
343 margin: 8px; | 343 margin: 8px; |
344 } | 344 } |
345 | 345 |
346 #cloud-import-details-button { | 346 #cloud-import-details-button { |
347 margin-left: -15px; | 347 margin-left: -15px; |
348 } | 348 } |
349 | 349 |
350 #cloud-import-details { | 350 #cloud-import-details { |
351 background-color: white; | 351 background-color: white; |
352 height: 300px; | 352 border-radius: 4px; |
353 opacity: .85; | 353 box-shadow: 2px 2px 6px #555555; |
354 padding: 10px; | 354 font-family: 'Roboto'; |
mtomasz
2015/02/12 03:22:01
nit: Roboto should be default in the entire Files
Steve McKay
2015/02/12 23:15:53
Done.
| |
355 position: absolute; | 355 position: absolute; |
356 right: 0px; | 356 right: 75px; |
357 top: 49px; | 357 top: 38px; |
mtomasz
2015/02/12 03:22:01
Please comment all magical numbers. Does it have t
Steve McKay
2015/02/12 23:15:53
Done.
| |
358 transition: all 0.2s ease; | 358 transition: all 0.2s ease; |
mtomasz
2015/02/12 03:22:01
Position transition with top/left/right/bottom are
Steve McKay
2015/02/12 23:15:53
Done.
| |
359 width: 250px; | 359 width: 250px; |
360 z-index: 5; | 360 z-index: 5; |
361 } | 361 } |
362 | 362 |
363 #cloud-import-details.offscreen { | 363 #cloud-import-details.hidden { |
364 right: 50px; | |
364 opacity: 0; | 365 opacity: 0; |
365 right: -202px; | |
366 } | 366 } |
367 | 367 |
368 #cloud-import-details div { | 368 #cloud-import-details .banner { |
369 border: 0px 0px 1px 0px solid gray; | 369 background-color: #37474F; |
370 padding: 10px; | 370 border-radius: 4px 4px 0px 0px ; |
mtomasz
2015/02/12 03:22:01
nit: \s; -> ;
Steve McKay
2015/02/12 23:15:53
Done.
| |
371 color: white; | |
372 padding: 20px; | |
373 font-size: 12pt; | |
mtomasz
2015/02/12 03:22:01
nit: Please use percents for font sizes, so the UI
Steve McKay
2015/02/12 23:15:53
K. Done.
| |
374 line-height: 1.2em; | |
375 } | |
376 | |
377 #cloud-import-details .banner .title { | |
378 font-size: 14pt; | |
379 margin-bottom: 5px; | |
380 } | |
381 | |
382 #cloud-import-details .main { | |
383 display: flex; | |
384 flex-direction: column; | |
385 padding: 20px; | |
386 } | |
387 | |
388 #cloud-import-details .status { | |
389 display: flex; | |
390 flex-direction: row; | |
391 font-color: #646464; | |
392 font-size: 12pt; | |
393 } | |
394 | |
395 #cloud-import-details .status .leader { | |
396 font-color: #333333; | |
397 font-size: 13pt; | |
398 } | |
399 | |
400 #cloud-import-details .status core-icon { | |
401 display: block; | |
402 height: 16px; | |
403 margin-right: 10px; | |
404 opacity: .6; | |
405 width: 16px; | |
406 } | |
407 | |
408 #cloud-import-details .status .destination-link { | |
409 color: #1BA8F3; | |
410 cursor: pointer; | |
411 } | |
412 | |
413 #cloud-import-details paper-button.import { | |
414 align-self: flex-end; | |
415 background-color: #1BA8F3; | |
416 color: white; | |
417 margin-top: 20px; | |
371 } | 418 } |
372 | 419 |
373 #files-selected-label { | 420 #files-selected-label { |
374 display: none; | 421 display: none; |
375 margin: 0 10px; | 422 margin: 0 10px; |
376 } | 423 } |
377 | 424 |
378 body.selecting #files-selected-label { | 425 body.selecting #files-selected-label { |
379 display: block; | 426 display: block; |
380 } | 427 } |
(...skipping 1514 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1895 padding: 20px 15px; | 1942 padding: 20px 15px; |
1896 } | 1943 } |
1897 | 1944 |
1898 .text-measure { | 1945 .text-measure { |
1899 pointer-events: none; | 1946 pointer-events: none; |
1900 position: absolute; | 1947 position: absolute; |
1901 top: 0; | 1948 top: 0; |
1902 visibility: hidden; | 1949 visibility: hidden; |
1903 z-index: -1; | 1950 z-index: -1; |
1904 } | 1951 } |
OLD | NEW |