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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2650303003: MD Downloads: convert <paper-dropdown-menu> to <dialog is="cr-action-menu"> (Closed)
Patch Set: browser test fixes Created 3 years, 11 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
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.js ('k') | chrome/test/data/webui/md_downloads/toolbar_tests.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/md_downloads/vulcanized.html
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index cb5cfb6c4d114a929fd993250ca4871c067ff136..6406d919d06674e052bb86e8bc5da9dc3bdd274b 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -437,7 +437,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
z-index: 0;
padding: 0.7em 0.57em;
- font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
+ ;
;
}
@@ -1313,7 +1313,70 @@ paper-button {
</dom-module>
+<style is="custom-style" css-build="shadow">html {
+ --cr-actionable_-_cursor: pointer;;
+ --cr-focused-item-color: var(--google-grey-300);
+
+ --cr-icon-padding: 8px;
+
+
+ --cr-icon-ripple-size: 36px;
+ --cr-icon-size: 20px;
+
+ --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-width_-_width: var(--cr-icon-size);
+
+ --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-button-margin_-_-webkit-margin-start: 16px;
+
+ --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --cr-selectable-focus_-_outline: none;
+ --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
+ --paper-checkbox-ink-size: 40px;
+}
+
+</style><dom-module id="cr-action-menu" assetpath="chrome://resources/cr_elements/cr_action_menu/" css-build="shadow">
+ <template>
+ <style scope="cr-action-menu">:host {
+ background-color: white;
+ border: none;
+ box-shadow: 0 2px 6px var(--paper-grey-500);
+ margin: 0;
+ outline: none;
+ padding: 8px 0;
+}
+
+:host::backdrop {
+ background-color: transparent;
+}
+
+:host ::content .dropdown-item {
+ background: none;
+ border: none;
+ box-sizing: border-box;
+ color: var(--paper-grey-800);
+ font: inherit;
+ min-height: 32px;
+ padding: 0 24px;
+ text-align: start;
+ width: 100%;
+}
+:host ::content .dropdown-item:not([hidden]) {
+ align-items: center;
+ display: flex;
+}
+
+:host ::content .dropdown-item:not([disabled]) {
+ cursor: var(--cr-actionable_-_cursor);
+}
+
+:host ::content .dropdown-item:focus {
+ background-color: var(--paper-grey-300);
+ outline: none;
+}
+
+</style>
+ <content select=".dropdown-item,hr"></content>
+ </template>
+ </dom-module>
<style is="custom-style" css-build="shadow">html {
@@ -1355,403 +1418,7 @@ paper-button {
--default-primary-color: var(--primary-color);
}
-</style><style>
-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
-
-<if expr="not chromeos and not is_android">
-@font-face {
- font-family: 'Roboto';
- font-style: normal;
- font-weight: 400;
- src: local('Roboto'), local('Roboto-Regular'),
- url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
-}
-
-@font-face {
- font-family: 'Roboto';
- font-style: normal;
- font-weight: 500;
- src: local('Roboto Medium'), local('Roboto-Medium'),
- url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
-}
-
-@font-face {
- font-family: 'Roboto';
- font-style: normal;
- font-weight: 700;
- src: local('Roboto Bold'), local('Roboto-Bold'),
- url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
-}
-</if>
-
-</style>
-<style is="custom-style" css-build="shadow">html {
- --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper-font-common-base_-_-webkit-font-smoothing: antialiased;;
-
- --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
-
- --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;;
-
- --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowrap_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
-
-
-
- --paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display4_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display4_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display4_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display4_-_font-size: 112px; --paper-font-display4_-_font-weight: 300; --paper-font-display4_-_letter-spacing: -.044em; --paper-font-display4_-_line-height: 120px;;
-
- --paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display3_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display3_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display3_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display3_-_font-size: 56px; --paper-font-display3_-_font-weight: 400; --paper-font-display3_-_letter-spacing: -.026em; --paper-font-display3_-_line-height: 60px;;
-
- --paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display2_-_font-size: 45px; --paper-font-display2_-_font-weight: 400; --paper-font-display2_-_letter-spacing: -.018em; --paper-font-display2_-_line-height: 48px;;
-
- --paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display1_-_font-size: 34px; --paper-font-display1_-_font-weight: 400; --paper-font-display1_-_letter-spacing: -.01em; --paper-font-display1_-_line-height: 40px;;
-
- --paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-headline_-_font-size: 24px; --paper-font-headline_-_font-weight: 400; --paper-font-headline_-_letter-spacing: -.012em; --paper-font-headline_-_line-height: 32px;;
-
- --paper-font-title_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-title_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-title_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-title_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-title_-_font-size: 20px; --paper-font-title_-_font-weight: 500; --paper-font-title_-_line-height: 28px;;
-
- --paper-font-subhead_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-subhead_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-subhead_-_font-size: 16px; --paper-font-subhead_-_font-weight: 400; --paper-font-subhead_-_line-height: 24px;;
-
- --paper-font-body2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body2_-_font-size: 14px; --paper-font-body2_-_font-weight: 500; --paper-font-body2_-_line-height: 24px;;
-
- --paper-font-body1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body1_-_font-size: 14px; --paper-font-body1_-_font-weight: 400; --paper-font-body1_-_line-height: 20px;;
-
- --paper-font-caption_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-caption_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-caption_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-caption_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-caption_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-caption_-_font-size: 12px; --paper-font-caption_-_font-weight: 400; --paper-font-caption_-_letter-spacing: 0.011em; --paper-font-caption_-_line-height: 20px;;
-
- --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu_-_font-weight: 500; --paper-font-menu_-_line-height: 24px;;
-
- --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --paper-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transform: uppercase;;
-
- --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-code2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;;
-
- --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-code1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;;
-}
-
-</style><dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-item/" css-build="shadow">
- <template>
- <style scope="paper-item-shared-styles">:host, .paper-item {
- display: block;
- position: relative;
- min-height: var(--paper-item-min-height, 48px);
- padding: 0px 16px;
-}
-
-.paper-item {
- font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height);
- border:none;
- outline: none;
- background: white;
- width: 100%;
- text-align: left;
-}
-
-:host([hidden]), .paper-item[hidden] {
- display: none !important;
-}
-
-:host(.iron-selected), .paper-item.iron-selected {
- font-weight: var(--paper-item-selected-weight, bold);
-
- ;
-}
-
-:host([disabled]), .paper-item[disabled] {
- color: var(--paper-item-disabled-color,var(--disabled-text-color));
-
- ;
-}
-
-:host(:focus), .paper-item:focus {
- position: relative;
- outline: 0;
-
- ;
-}
-
-:host(:focus):before, .paper-item:focus:before {
- position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left);
-
- background: currentColor;
- content: '';
- opacity: var(--dark-divider-opacity);
- pointer-events: none;
-
- ;
-}
-
-</style>
- </template>
-</dom-module>
-<dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-item/" css-build="shadow">
- <template>
-
- <style scope="paper-item">:host, .paper-item {
- display: block;
- position: relative;
- min-height: var(--paper-item-min-height, 48px);
- padding: 0px 16px;
-}
-
-.paper-item {
- font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height);
- border:none;
- outline: none;
- background: white;
- width: 100%;
- text-align: left;
-}
-
-:host([hidden]), .paper-item[hidden] {
- display: none !important;
-}
-
-:host(.iron-selected), .paper-item.iron-selected {
- font-weight: var(--paper-item-selected-weight, bold);
-
- ;
-}
-
-:host([disabled]), .paper-item[disabled] {
- color: var(--paper-item-disabled-color,var(--disabled-text-color));
-
- ;
-}
-
-:host(:focus), .paper-item:focus {
- position: relative;
- outline: 0;
-
- ;
-}
-
-:host(:focus):before, .paper-item:focus:before {
- position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left);
-
- background: currentColor;
- content: '';
- opacity: var(--dark-divider-opacity);
- pointer-events: none;
-
- ;
-}
-
-:host {
- display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction);
- -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items);
- font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height);
-
- ;
-}
-
-</style>
-
- <content></content>
- </template>
-
- </dom-module>
-<dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-menu/" css-build="shadow">
- <template>
- <style scope="paper-menu-shared-styles">.selectable-content > ::content > .iron-selected {
- font-weight: bold;
-
- font-weight: var(--paper-menu-selected-item_-_font-weight, bold);
-}
-
-.selectable-content > ::content > [disabled] {
- color: var(--paper-menu-disabled-color,var(--disabled-text-color));
-}
-
-.selectable-content > ::content > *:focus {
- position: relative;
- outline: 0;
-
- ;
-}
-
-.selectable-content > ::content > *:focus:after {
- position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left);
- background: currentColor;
- opacity: var(--dark-divider-opacity);
- content: '';
- pointer-events: none;
-
- ;
-}
-
-.selectable-content > ::content > *[colored]:focus:after {
- opacity: 0.26;
-}
-
-</style>
- </template>
-</dom-module>
-<dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-menu/" css-build="shadow">
- <template>
-
- <style scope="paper-menu">.selectable-content > ::content > .iron-selected {
- font-weight: bold;
-
- font-weight: var(--paper-menu-selected-item_-_font-weight, bold);
-}
-
-.selectable-content > ::content > [disabled] {
- color: var(--paper-menu-disabled-color,var(--disabled-text-color));
-}
-
-.selectable-content > ::content > *:focus {
- position: relative;
- outline: 0;
-
- ;
-}
-
-.selectable-content > ::content > *:focus:after {
- position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left);
- background: currentColor;
- opacity: var(--dark-divider-opacity);
- content: '';
- pointer-events: none;
-
- ;
-}
-
-.selectable-content > ::content > *[colored]:focus:after {
- opacity: 0.26;
-}
-
-:host {
- display: block;
- padding: 8px 0;
-
- background: var(--paper-menu-background-color,var(--primary-background-color));
- color: var(--paper-menu-color,var(--primary-text-color));
-
- ;
-}
-
-</style>
-
- <div class="selectable-content">
- <content></content>
- </div>
- </template>
-
- </dom-module>
-<dom-module id="iron-overlay-backdrop" assetpath="" css-build="shadow">
-
- <template>
- <style scope="iron-overlay-backdrop">:host {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: var(--iron-overlay-backdrop-background-color, #000);
- opacity: 0;
- transition: opacity 0.2s;
- pointer-events: none;
- ;
-}
-
-:host(.opened) {
- opacity: var(--iron-overlay-backdrop-opacity, 0.6);
- pointer-events: auto;
- ;
-}
-
-</style>
-
- <content></content>
- </template>
-
-</dom-module>
-
-<script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-next-lite.min.js"></script>
-<dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-dropdown/" css-build="shadow">
- <template>
- <style scope="iron-dropdown">:host {
- position: fixed;
-}
-
-#contentWrapper ::content > * {
- overflow: auto;
-}
-
-#contentWrapper.animating ::content > * {
- overflow: hidden;
-}
-
-</style>
-
- <div id="contentWrapper">
- <content id="content" select=".dropdown-content"></content>
- </div>
- </template>
-
- </dom-module>
-<dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/paper-menu-button/" css-build="shadow">
- <template>
- <style scope="paper-menu-button">:host {
- display: inline-block;
- position: relative;
- padding: 8px;
- outline: none;
-
- padding: var(--paper-menu-button_-_padding, 8px);
-}
-
-:host([disabled]) {
- cursor: auto;
- color: var(--disabled-text-color);
-
- ;
-}
-
-iron-dropdown {
- ;
-}
-
-.dropdown-content {
- box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
-
- position: relative;
- border-radius: 2px;
- background-color: var(--paper-menu-button-dropdown-background,var(--primary-background-color));
-
- ;
-}
-
-:host([vertical-align="top"]) .dropdown-content {
- margin-bottom: 20px;
- margin-top: -10px;
- top: 10px;
-}
-
-:host([vertical-align="bottom"]) .dropdown-content {
- bottom: 10px;
- margin-bottom: -10px;
- margin-top: 20px;
-}
-
-#trigger {
- cursor: pointer;
-}
-
-</style>
-
- <div id="trigger" on-tap="toggle">
- <content select=".dropdown-trigger"></content>
- </div>
-
- <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizontalAlign]]" vertical-align="[[verticalAlign]]" dynamic-align="[[dynamicAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" no-overlap="[[noOverlap]]" open-animation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focus-target="[[_dropdownContent]]" allow-outside-scroll="[[allowOutsideScroll]]" restore-focus-on-close="[[restoreFocusOnClose]]" on-iron-overlay-canceled="__onIronOverlayCanceled">
- <div class="dropdown-content">
- <content id="content" select=".dropdown-content"></content>
- </div>
- </iron-dropdown>
- </template>
-
- </dom-module>
-<dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/paper-icon-button/" css-build="shadow">
+</style><dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/paper-icon-button/" css-build="shadow">
<template strip-whitespace="">
<style scope="paper-icon-button">:host {
display: inline-block;
@@ -1776,7 +1443,7 @@ iron-dropdown {
box-sizing: border-box !important;
- height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-icon-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px);
+ ;
}
:host #ink {
@@ -2959,7 +2626,7 @@ paper-icon-button {
}
paper-spinner-lite {
- ;
+ height: var(--cr-icon-height-width_-_height); width: var(--cr-icon-height-width_-_width);
--paper-spinner-color: white;
margin: 0 6px;
opacity: 0;
@@ -3229,45 +2896,28 @@ h1 {
flex: 1;
}
-paper-icon-button {
+#moreActions {
--iron-icon-height: 20px;
--iron-icon-width: 20px;
- --paper-icon-button_-_height: 32px; --paper-icon-button_-_padding: 6px; --paper-icon-button_-_width: 32px;;
-}
-
-#more {
- --paper-menu-button_-_padding: 6px;;
-}
-
-paper-menu {
- --paper-menu-selected-item_-_font-weight: normal;;
-}
-
-paper-item {
- -webkit-user-select: none;
- cursor: pointer;
- font: inherit;
- min-height: 40px;
-
- white-space: nowrap;
+ height: 32px;
+ padding: 6px;
+ width: 32px;
}
</style>
<cr-toolbar id="toolbar" page-name="$i18n{title}" search-prompt="$i18n{search}" clear-label="$i18n{clearSearch}" spinner-active="{{spinnerActive}}" on-search-changed="onSearchChanged_">
- <div class="more-actions">
- <paper-menu-button id="more" horizontal-align="right" allow-outside-scroll="">
- <paper-icon-button icon="cr:more-vert" title="$i18n{moreActions}" class="dropdown-trigger"></paper-icon-button>
- <paper-menu class="dropdown-content">
- <paper-item class="clear-all" on-tap="onClearAllTap_" role="menuitem" on-blur="onItemBlur_">
- $i18n{clearAll}
- </paper-item>
- <paper-item on-tap="onOpenDownloadsFolderTap_" role="menuitem" on-blur="onItemBlur_">
- $i18n{openDownloadsFolder}
- </paper-item>
- </paper-menu>
- </paper-menu-button>
- </div>
+ <button is="paper-icon-button-light" class="more-actions" id="moreActions" title="$i18n{moreActions}" on-tap="onMoreActionsTap_">
+ <iron-icon icon="cr:more-vert"></iron-icon>
+ </button>
</cr-toolbar>
+ <dialog is="cr-action-menu" id="moreActionsMenu" role="menu">
+ <button class="dropdown-item clear-all" on-tap="onClearAllTap_" role="menuitem">
+ $i18n{clearAll}
+
+ </button><button class="dropdown-item" on-tap="onOpenDownloadsFolderTap_" role="menuitem">
+ $i18n{openDownloadsFolder}
+ </button>
+ </dialog>
</template>
</dom-module>
<style>
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.js ('k') | chrome/test/data/webui/md_downloads/toolbar_tests.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698