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

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2277543003: MD History: Replace more-vert iron-icon with styled divs. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: 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 unified diff | Download patch
OLDNEW
1 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 2538 matching lines...) Expand 10 before | Expand all | Expand 10 after
2549 button.icon-button { 2549 button.icon-button {
2550 height: 36px; 2550 height: 36px;
2551 width: 36px; 2551 width: 36px;
2552 } 2552 }
2553 2553
2554 button.icon-button iron-icon { 2554 button.icon-button iron-icon {
2555 color: var(--secondary-text-color); 2555 color: var(--secondary-text-color);
2556 height: 20px; 2556 height: 20px;
2557 width: 20px; 2557 width: 20px;
2558 } 2558 }
2559
2560 button.more-vert-button {
2561 height: 36px;
2562 padding: 6px;
2563 width: 36px;
2564 }
2565
2566 button.more-vert-button div {
2567 border: 2px solid var(--secondary-text-color);
2568 border-radius: 2px;
2569 margin: 1px 10px;
2570 pointer-events: none;
2571 transform: scale(0.8);
2572 }
2559 </style> 2573 </style>
2560 </template> 2574 </template>
2561 </dom-module> 2575 </dom-module>
2562 <dom-module id="history-toolbar" assetpath="chrome://history/"> 2576 <dom-module id="history-toolbar" assetpath="chrome://history/">
2563 <template> 2577 <template>
2564 <style include="shared-style"> 2578 <style include="shared-style">
2565 :host { 2579 :host {
2566 color: #fff; 2580 color: #fff;
2567 display: block; 2581 display: block;
2568 transition: background-color 150ms; 2582 transition: background-color 150ms;
(...skipping 863 matching lines...) Expand 10 before | Expand all | Expand 10 after
3432 </a> 3446 </a>
3433 <span id="domain">[[item.domain]]</span> 3447 <span id="domain">[[item.domain]]</span>
3434 </div> 3448 </div>
3435 <div id="star-container"> 3449 <div id="star-container">
3436 <template is="dom-if" if="[[item.starred]]"> 3450 <template is="dom-if" if="[[item.starred]]">
3437 <button is="paper-icon-button-light" id="bookmark-star" title="$i1 8n{removeBookmark}" on-tap="onRemoveBookmarkTap_"> 3451 <button is="paper-icon-button-light" id="bookmark-star" title="$i1 8n{removeBookmark}" on-tap="onRemoveBookmarkTap_">
3438 <iron-icon icon="cr:star"></iron-icon> 3452 <iron-icon icon="cr:star"></iron-icon>
3439 </button> 3453 </button>
3440 </template> 3454 </template>
3441 </div> 3455 </div>
3442 <button is="paper-icon-button-light" id="menu-button" class="icon-butt on" title="$i18n{moreActionsButton}" on-tap="onMenuButtonTap_"> 3456 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" title="$i18n{moreActionsButton}" on-tap="onMenuButtonTap_">
3443 <iron-icon icon="cr:more-vert"></iron-icon> 3457 <div></div>
3458 <div></div>
3459 <div></div>
3444 </button> 3460 </button>
3445 </div> 3461 </div>
3446 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div> 3462 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div>
3447 </div> 3463 </div>
3448 </div> 3464 </div>
3449 </template> 3465 </template>
3450 </dom-module> 3466 </dom-module>
3451 <link rel="import" href="chrome://history/constants.html"> 3467 <link rel="import" href="chrome://history/constants.html">
3452 <dom-module id="history-grouped-list" assetpath="chrome://history/"> 3468 <dom-module id="history-grouped-list" assetpath="chrome://history/">
3453 <template> 3469 <template>
(...skipping 282 matching lines...) Expand 10 before | Expand all | Expand 10 after
3736 width: 80%; 3752 width: 80%;
3737 } 3753 }
3738 </style> 3754 </style>
3739 <div id="history-item-container"> 3755 <div id="history-item-container">
3740 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard"> 3756 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard">
3741 <div> 3757 <div>
3742 [[device]] 3758 [[device]]
3743 <span id="last-update-time">[[lastUpdateTime]]</span> 3759 <span id="last-update-time">[[lastUpdateTime]]</span>
3744 </div> 3760 </div>
3745 <div id="right-buttons"> 3761 <div id="right-buttons">
3746 <button is="paper-icon-button-light" id="menu-button" class="icon-butt on" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}"> 3762 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}">
3747 <iron-icon icon="cr:more-vert"></iron-icon> 3763 <div></div>
3764 <div></div>
3765 <div></div>
3748 </button> 3766 </button>
3749 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]"> 3767 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]">
3750 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r"> 3768 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r">
3751 </iron-icon> 3769 </iron-icon>
3752 </button> 3770 </button>
3753 </div> 3771 </div>
3754 </div> 3772 </div>
3755 3773
3756 <iron-collapse opened="{{opened}}" id="collapse"> 3774 <iron-collapse opened="{{opened}}" id="collapse">
3757 <div id="tab-item-list"> 3775 <div id="tab-item-list">
(...skipping 267 matching lines...) Expand 10 before | Expand all | Expand 10 after
4025 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 4043 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
4026 </history-side-bar> 4044 </history-side-bar>
4027 </app-drawer> 4045 </app-drawer>
4028 </template> 4046 </template>
4029 4047
4030 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 4048 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
4031 </iron-media-query> 4049 </iron-media-query>
4032 </template> 4050 </template>
4033 </dom-module> 4051 </dom-module>
4034 <script src="app.crisper.js"></script></body></html> 4052 <script src="app.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698