| OLD | NEW | 
|   1 /* Copyright 2015 The Chromium Authors. All rights reserved. |   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 |   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 :host { |   5 :host { | 
|   6   @apply(--downloads-shared-style); |   6   @apply(--downloads-shared-style); | 
|   7   align-items: center; |   7   align-items: center; | 
|   8   background: rgb(63, 85, 102); |   8   background: rgb(63, 85, 102); | 
|   9   color: white; |   9   color: white; | 
|  10   content-sizing: padding-box; |  10   content-sizing: padding-box; | 
| (...skipping 21 matching lines...) Expand all  Loading... | 
|  32   width: var(--downloads-item-width); |  32   width: var(--downloads-item-width); | 
|  33 } |  33 } | 
|  34  |  34  | 
|  35 #search { |  35 #search { | 
|  36   display: flex; |  36   display: flex; | 
|  37   justify-content: flex-end; |  37   justify-content: flex-end; | 
|  38 } |  38 } | 
|  39  |  39  | 
|  40 #search-term { |  40 #search-term { | 
|  41   --paper-input-container-color: rgba(255, 255, 255, .5); |  41   --paper-input-container-color: rgba(255, 255, 255, .5); | 
 |  42   --paper-input-container-focus-color: white; | 
|  42   --paper-input-container-input: { |  43   --paper-input-container-input: { | 
|  43     font-size: 14px; |  44     font-size: 14px; | 
|  44   }; |  45   }; | 
|  45   --paper-input-container-input-color: white; |  46   --paper-input-container-input-color: white; | 
|  46   --paper-input-container-focus-color: white; |  | 
|  47   --paper-input-container-label: { |  47   --paper-input-container-label: { | 
|  48     font-size: 14px; |  48     font-size: 14px; | 
|  49   }; |  49   }; | 
|  50   -webkit-margin-end: 8px; |  50   -webkit-margin-end: 8px; | 
|  51 } |  51 } | 
 |  52  | 
 |  53 paper-menu-button { | 
 |  54   display: none; | 
 |  55   --paper-menu-button: { | 
 |  56     padding: 0; | 
 |  57   }; | 
 |  58 } | 
 |  59  | 
 |  60 paper-item { | 
 |  61   -webkit-user-select: none; | 
 |  62   cursor: pointer; | 
 |  63   font: inherit; | 
 |  64 } | 
 |  65  | 
 |  66 paper-item:hover { | 
 |  67   background: #eaeaea;  /* TODO(dbeam): real color? */ | 
 |  68 } | 
 |  69  | 
 |  70 @media all and (max-width: 1024px) { | 
 |  71   #actions { | 
 |  72     display: none; | 
 |  73   } | 
 |  74   paper-menu-button { | 
 |  75     display: inline-block; | 
 |  76   } | 
 |  77 } | 
| OLD | NEW |