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