chrome/browser/resources/md_downloads/manager.css

   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 }
  11
  12 @media screen and (max-width: 1024px) {
  13   :host {
  14     flex-basis: 670px;  /* 622 card width + 24 left margin + 24 right margin. */
  15   }
  16 }
  17
  18 #panel {
  19   --paper-header-panel-standard-container: {
  20     display: flex;
  21     overflow-y: overlay;
  22   };
  23 }
  24
  25 /* TODO(dbeam): upgrade to 1.0.4 to use --paper-header-panel-shadow.
  26  * https://github.com/PolymerElements/paper-header-panel/pull/39 */
  27 #panel /deep/ #dropShadow {
  28   display: none;
  29 }
  30
  31 #no-downloads,
  32 #downloads-list {
  33   flex: 1;
  34 }
  35
  36 .loading #no-downloads,
  37 .loading #downloads-list {
  38   display: none;
  39 }
  40
  41 #no-downloads {
  42   align-items: center;
  43   color: #b4b4b4;
  44   display: flex;
  45   font-size: 123.1%;
  46   font-weight: 500;
  47   justify-content: center;
  48 }
  49
  50 #no-downloads .illustration {
  51   background: -webkit-image-set(url(1x/no_downloads.png) 1x,
  52                                 url(2x/no_downloads.png) 2x)
  53       no-repeat center center;
  54   height: 144px;  /* Matches natural image height. */
  55   margin-bottom: 32px;
  56 }