Index: chrome/browser/resources/md_downloads/toolbar.html |
diff --git a/chrome/browser/resources/md_downloads/toolbar.html b/chrome/browser/resources/md_downloads/toolbar.html |
index 573e78fb6ab74d7ab041deb8362720d2e6dce811..19fdbdea1a4758f1f8d6c81682b8ca2731452eeb 100644 |
--- a/chrome/browser/resources/md_downloads/toolbar.html |
+++ b/chrome/browser/resources/md_downloads/toolbar.html |
@@ -12,6 +12,78 @@ |
<dom-module id="downloads-toolbar"> |
<template> |
+ <style> |
+ :host { |
+ align-items: center; |
+ background: var(--md-toolbar-color); |
+ color: white; |
+ display: flex; |
+ min-height: 56px; |
+ } |
+ |
+ [hidden] { |
+ display: none !important; |
+ } |
+ |
+ #toolbar { |
+ --cr-toolbar-field-end-padding: 0; |
+ --cr-toolbar-field-width: var(--downloads-card-width); |
+ --cr-toolbar-header-wide: { |
+ -webkit-margin-start: 24px; |
+ -webkit-margin-end: 16px; /* Only matters around 900px in Russian. */ |
+ }; |
+ --cr-toolbar-left-content-wide: { |
+ -webkit-margin-start: 0; |
+ flex: 1 0 1px; |
+ max-width: none; |
+ position: static; |
+ }; |
+ --cr-toolbar-right-content-wide: { |
+ flex: 1 0 1px; |
+ position: static; |
+ }; |
+ align-items: center; |
+ flex: 1; |
+ } |
+ |
+ paper-icon-button { |
+ --iron-icon-height: 20px; |
+ --iron-icon-width: 20px; |
+ --paper-icon-button: { |
+ height: 32px; |
+ padding: 6px; |
+ width: 32px; |
+ }; |
+ } |
+ |
+ .more-actions { |
+ -webkit-margin-end: 16px; |
+ -webkit-margin-start: 8px; |
+ text-align: end; |
+ } |
+ |
+ #more { |
+ --paper-menu-button: { |
+ padding: 0; |
+ }; |
+ } |
+ |
+ paper-menu { |
+ --paper-menu-selected-item: { |
+ font-weight: normal; |
+ }; |
+ } |
+ |
+ paper-item { |
+ -webkit-user-select: none; |
+ cursor: pointer; |
+ font: inherit; |
+ min-height: 40px; |
+ /* TODO(michaelpg): fix this for everybody ever. |
+ * https://github.com/PolymerElements/paper-menu-button/issues/56 */ |
+ white-space: nowrap; |
+ } |
+ </style> |
<cr-toolbar id="toolbar" page-name="$i18n{title}" |
search-prompt="$i18n{search}" clear-label="$i18n{clearSearch}" |
spinner-active="{{spinnerActive}}" on-search-changed="onSearchChanged_"> |
@@ -34,7 +106,5 @@ |
</div> |
</cr-toolbar> |
</template> |
- <link rel="import" type="css" href="chrome://downloads/shared_style.css"> |
- <link rel="import" type="css" href="chrome://downloads/toolbar.css"> |
<script src="chrome://downloads/toolbar.js"></script> |
</dom-module> |