Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1935)

Unified Diff: chrome/browser/resources/md_downloads/toolbar.html

Issue 2374473003: MD Downloads: remove most deprecated CSS imports (Closed)
Patch Set: 80 col wrap Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698