| OLD | NEW |
|---|
| (Empty) |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 :host { | |
| 6 display: flex; | |
| 7 flex: 1 0; | |
| 8 flex-direction: column; | |
| 9 height: 100%; | |
| 10 z-index: 0; | |
| 11 } | |
| 12 | |
| 13 @media screen and (max-width: 1024px) { | |
| 14 :host { | |
| 15 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */ | |
| 16 } | |
| 17 } | |
| 18 | |
| 19 #toolbar { | |
| 20 position: relative; | |
| 21 z-index: 1; | |
| 22 } | |
| 23 | |
| 24 #toolbar::after { | |
| 25 box-shadow: inset 0 5px 6px -3px rgba(0, 0, 0, 0.4); | |
| 26 content: ''; | |
| 27 display: block; | |
| 28 height: 6px; | |
| 29 opacity: 0; | |
| 30 position: absolute; | |
| 31 top: 100%; | |
| 32 transition: opacity 500ms; | |
| 33 width: 100%; | |
| 34 } | |
| 35 | |
| 36 :host([has-shadow_]) #toolbar::after { | |
| 37 opacity: 1; | |
| 38 } | |
| 39 | |
| 40 #downloads-list { | |
| 41 /* TODO(dbeam): we're not setting scrollTarget explicitly, yet | |
| 42 * style="overflow: auto" is still being set by <iron-list>'s JS. Weird. */ | |
| 43 overflow-y: overlay !important; | |
| 44 } | |
| 45 | |
| 46 #no-downloads, | |
| 47 #downloads-list { | |
| 48 flex: 1; | |
| 49 } | |
| 50 | |
| 51 :host([loading]) #no-downloads, | |
| 52 :host([loading]) #downloads-list { | |
| 53 display: none; | |
| 54 } | |
| 55 | |
| 56 #no-downloads { | |
| 57 align-items: center; | |
| 58 color: #b4b4b4; | |
| 59 display: flex; | |
| 60 font-size: 123.1%; | |
| 61 font-weight: 500; | |
| 62 justify-content: center; | |
| 63 /* To avoid overlapping with the header, we need this min-height | |
| 64 * until bug 596743 is fixed. */ | |
| 65 min-height: min-content; | |
| 66 } | |
| 67 | |
| 68 #no-downloads .illustration { | |
| 69 background: -webkit-image-set( | |
| 70 url(chrome://downloads/1x/no_downloads.png) 1x, | |
| 71 url(chrome://downloads/2x/no_downloads.png) 2x) no-repeat center center; | |
| 72 height: 144px; /* Matches natural image height. */ | |
| 73 margin-bottom: 32px; | |
| 74 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2374473003:
MD Downloads: remove most deprecated CSS imports (Closed)
