chrome/browser/resources/md_downloads/item_view.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   @apply(--downloads-shared-style);
   7   display: flex;
   8   padding: 0 24px;
   9   margin: 34px 0;
  10 }
  11
  12 :host([hide-date]) {
  13   margin-top: -18px;
  14 }
  15
  16 #date-container,
  17 #end-cap {
  18   flex: 1 0 var(--downloads-side-column-basis);
  19 }
  20
  21 :host([hide-date]) #date-container {
  22   visibility: hidden;
  23 }
  24
  25 #safe,
  26 #dangerous {
  27   background: white;
  28   border-radius: 2px;  /* TODO(dbeam): why does this differ from Polymer? */
  29   flex: none;
  30   width: var(--downloads-item-width);
  31 }
  32
  33 #safe.no-file {
  34   background: rgba(255, 255, 255, .5);
  35 }
  36
  37 .no-file #safe-icon-wrapper,
  38 .no-file #details {
  39   opacity: .5;
  40 }
  41
  42 #safe {
  43   display: flex;
  44 }
  45
  46 #details {
  47   -webkit-border-start: 1px #e6e6e6 solid;
  48   display: flex;
  49   flex: 1;
  50   flex-direction: column;
  51   padding: 16px 16px 12px 16px;
  52 }
  53
  54 #title-area {
  55   display: flex;
  56 }
  57
  58 #safe-icon-wrapper {
  59   align-self: center;
  60   flex: none;
  61   justify-content: center;
  62   margin: 0 32px;
  63 }
  64
  65 #name,
  66 #file-link,
  67 #src-url {
  68   display: inline-block;
  69   max-width: 100%;
  70 }
  71
  72 #name,
  73 #file-link {
  74   word-break: break-all;
  75 }
  76
  77 #src-url {
  78   margin-top: 6px;
  79   overflow: hidden;
  80   text-overflow: ellipsis;
  81   white-space: nowrap;
  82 }
  83
  84 #progress,
  85 #status:not(:empty),
  86 #button-container {
  87   margin-top: 16px;
  88 }
  89
  90 #progress {
  91   --paper-progress-active-color: rgb(54, 126, 237);
  92   --paper-progress-container-color: rgb(223, 222, 223);
  93   width: auto;
  94 }
  95
  96 /* TODO(dbeam): open up a CSS mixin instead in Polymer. */
  97 #progress /deep/ #progressContainer {
  98   border-radius: 2px;
  99 }
 100
 101 #remove-wrapper {
 102   align-self: top;
 103   flex: none;
 104   justify-content: center;
 105 }
 106
 107 #safe-remove {
 108   --paper-icon-button: {
 109     height: 16px;
 110     width: 16px;
 111   };
 112   --iron-icon-height: 16px;
 113   --iron-icon-width: 16px;
 114 }