chrome/browser/resources/md_downloads/toolbar.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   align-items: center;
   8   background: rgb(63, 85, 102);
   9   color: white;
  10   content-sizing: padding-box;
  11   display: flex;
  12   height: 48px;
  13 }
  14
  15 #title,
  16 #search {
  17   flex: 1 0 var(--downloads-side-column-basis);
  18 }
  19
  20 #title h1 {
  21   -webkit-margin-end: 0;
  22   -webkit-margin-start: 24px;
  23   font-size: 123.077%;
  24   margin-bottom: 0;
  25   margin-top: 0;
  26 }
  27
  28 #actions {
  29   display: flex;
  30   flex: none;
  31   width: var(--downloads-item-width);
  32 }
  33
  34 #search {
  35   -webkit-margin-end: 10px;
  36   display: flex;
  37   justify-content: flex-end;
  38 }
  39
  40 #search paper-input-container {
  41   padding: 2px 0;
  42 }
  43
  44 #search-term {
  45   --paper-input-container-color: rgba(255, 255, 255, .5);
  46   --paper-input-container-focus-color: white;
  47   --paper-input-container-input: {
  48     font-family: inherit;
  49     font-size: 14px;
  50   };
  51   --paper-input-container-input-color: white;
  52   z-index: 0;
  53 }
  54
  55 #search-term input[type='search']::-webkit-search-cancel-button,
  56 #search-term input[type='search']::-webkit-search-results-button {
  57   -webkit-appearance: none;
  58 }
  59
  60 paper-icon-button {
  61   --iron-icon-height: 16px;
  62   --iron-icon-width: 16px;
  63   --paper-icon-button: {
  64     height: 16px;
  65     padding: 6px;
  66     width: 16px;
  67   };
  68 }
  69
  70 #search-term paper-icon-button {
  71   position: absolute;
  72   right: 0;
  73   top: -2px;
  74   z-index: 1;
  75 }
  76
  77 :host-context([dir='rtl']) #search-term paper-icon-button {
  78   left: 0;
  79   right: auto;
  80 }
  81
  82 paper-menu-button {
  83   --paper-menu-button: {
  84     padding: 0;
  85   };
  86 }
  87
  88 paper-item {
  89   -webkit-user-select: none;
  90   cursor: pointer;
  91   font: inherit;
  92 }
  93
  94 paper-item:hover {
  95   background: #eaeaea;  /* TODO(dbeam): real color? */
  96 }
  97
  98 @media not all and (max-width: 1024px) {
  99   /* Hide vertical dot menu when there's enough room for #actions. */
 100   paper-menu-button {
 101     display: none;
 102   }
 103 }
 104
 105 @media all and (max-width: 1024px) {
 106   /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */
 107   #actions {
 108     display: none;
 109   }
 110 }