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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 2280513002: MD History: promote menu button to show clear browsing data in narrow mode (Closed)
Patch Set: asdf 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
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | chrome/browser/resources/md_history/app.crisper.js » ('j') | chrome/browser/resources/md_history/history_toolbar.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><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 2107 matching lines...) Expand 10 before | Expand all | Expand 10 after
2118 iron-icon { 2118 iron-icon {
2119 --iron-icon-width: 100%; 2119 --iron-icon-width: 100%;
2120 --iron-icon-height: 100%; 2120 --iron-icon-height: 100%;
2121 } 2121 }
2122 </style> 2122 </style>
2123 2123
2124 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n> 2124 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>
2125 </template> 2125 </template>
2126 2126
2127 </dom-module> 2127 </dom-module>
2128 <dom-module id="paper-tooltip" assetpath="chrome://resources/polymer/v1_0/paper- tooltip/">
2129 <template>
2130 <style>
2131 :host {
2132 display: block;
2133 position: absolute;
2134 outline: none;
2135 z-index: 1002;
2136 -moz-user-select: none;
2137 -ms-user-select: none;
2138 -webkit-user-select: none;
2139 user-select: none;
2140 cursor: default;
2141 }
2142
2143 #tooltip {
2144 display: block;
2145 outline: none;
2146 @apply(--paper-font-common-base);
2147 font-size: 10px;
2148 line-height: 1;
2149
2150 background-color: var(--paper-tooltip-background, #616161);
2151 opacity: var(--paper-tooltip-opacity, 0.9);
2152 color: var(--paper-tooltip-text-color, white);
2153
2154 padding: 8px;
2155 border-radius: 2px;
2156
2157 @apply(--paper-tooltip);
2158 }
2159
2160 /* Thanks IE 10. */
2161 .hidden {
2162 display: none !important;
2163 }
2164 </style>
2165
2166 <div id="tooltip" class="hidden">
2167 <content></content>
2168 </div>
2169 </template>
2170
2171 </dom-module>
2128 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/"> 2172 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/">
2129 <template> 2173 <template>
2130 <style> 2174 <style>
2131 :host { 2175 :host {
2132 display: inline-block; 2176 display: inline-block;
2133 position: fixed; 2177 position: fixed;
2134 clip: rect(0px,0px,0px,0px); 2178 clip: rect(0px,0px,0px,0px);
2135 } 2179 }
2136 </style> 2180 </style>
2137 <div aria-live$="[[mode]]">[[_text]]</div> 2181 <div aria-live$="[[mode]]">[[_text]]</div>
(...skipping 709 matching lines...) Expand 10 before | Expand all | Expand 10 after
2847 2891
2848 /* Search open. */ 2892 /* Search open. */
2849 :host([showing-search][spinner-active]) #icon { 2893 :host([showing-search][spinner-active]) #icon {
2850 opacity: 0; 2894 opacity: 0;
2851 } 2895 }
2852 2896
2853 :host([narrow][showing-search]) { 2897 :host([narrow][showing-search]) {
2854 width: 100%; 2898 width: 100%;
2855 } 2899 }
2856 2900
2857 /* 2901 :host-context([dir=ltr]):host([narrow][showing-search]) #icon,
2858 * Margin needs to be animated to prevent jumping around during 2902 :host-context([dir=ltr]):host([narrow][showing-search])
2859 * opening/closing. -webkit-margin-start is not animatable, so we have to 2903 paper-spinner-lite {
2860 * use regular margin-left/right instead. 2904 -webkit-margin-start: 18px;
2861 */
2862 :host-context([dir=ltr]):host([narrow][showing-search]) #icon {
2863 margin-left: 18px;
2864 }
2865
2866 :host-context([dir=rtl]):host([narrow][showing-search]) #icon {
2867 margin-right: 18px;
2868 } 2905 }
2869 </style> 2906 </style>
2870 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]"> 2907 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]">
2871 </paper-spinner-lite> 2908 </paper-spinner-lite>
2872 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]"> 2909 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">
2873 </paper-icon-button> 2910 </paper-icon-button>
2874 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float=""> 2911 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">
2875 <label id="prompt" for="searchInput">[[label]]</label> 2912 <label id="prompt" for="searchInput">[[label]]</label>
2876 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental=""> 2913 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="">
2877 </paper-input-container> 2914 </paper-input-container>
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
2940 @apply(--cr-toolbar-right-content-wide); 2977 @apply(--cr-toolbar-right-content-wide);
2941 } 2978 }
2942 2979
2943 :host([narrow_]) #centeredContent { 2980 :host([narrow_]) #centeredContent {
2944 justify-content: flex-end; 2981 justify-content: flex-end;
2945 } 2982 }
2946 2983
2947 :host([narrow_][showing-search_]) #leftContent { 2984 :host([narrow_][showing-search_]) #leftContent {
2948 opacity: 0; 2985 opacity: 0;
2949 } 2986 }
2987
2988 paper-tooltip {
2989 --paper-tooltip: {
2990 align-items: center;
2991 display: flex;
2992 font-size: 92.3%;
2993 font-weight: 500;
2994 padding: 6px 12px 6px 8px;
2995 white-space: nowrap;
2996 };
2997 }
2998
2999 iron-icon {
3000 --iron-icon-height: 20px;
3001 --iron-icon-width: 20px;
3002 -webkit-margin-start: 12px;
3003 }
2950 </style> 3004 </style>
2951 <div id="leftContent"> 3005 <div id="leftContent">
2952 <template is="dom-if" if="[[showMenu]]"> 3006 <template is="dom-if" if="[[showMenu]]">
2953 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]"> 3007 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[titleIfNotShowingMenuPromo_(menuLabel,
3008 showingMenuPromo_)]]">
2954 </paper-icon-button> 3009 </paper-icon-button>
3010 <template is="dom-if" if="[[showingMenuPromo_]]">
3011 <paper-tooltip for="menuButton" position="bottom" offset="20" manual-m ode="" fit-to-visible-bounds="">
3012 [[menuPromo]]
3013 <iron-icon icon="cr:clear" on-tap="onMenuPromoCloseTap_">
3014 </iron-icon>
3015 </paper-tooltip>
3016 </template>
2955 </template> 3017 </template>
2956 <h1>[[pageName]]</h1> 3018 <h1>[[pageName]]</h1>
2957 </div> 3019 </div>
2958 3020
2959 <div id="centeredContent"> 3021 <div id="centeredContent">
2960 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 3022 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
2961 </cr-toolbar-search-field> 3023 </cr-toolbar-search-field>
2962 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 3024 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2963 </iron-media-query> 3025 </iron-media-query>
2964 </div> 3026 </div>
(...skipping 236 matching lines...) Expand 10 before | Expand all | Expand 10 after
3201 <command id="undo-command" shortcut="Meta|z"></command> 3263 <command id="undo-command" shortcut="Meta|z"></command>
3202 <command id="find-command" shortcut="Meta|f"></command> 3264 <command id="find-command" shortcut="Meta|f"></command>
3203 </if> 3265 </if>
3204 <if expr="not is_macosx"> 3266 <if expr="not is_macosx">
3205 <command id="clear-all-command" shortcut="Alt|c"></command> 3267 <command id="clear-all-command" shortcut="Alt|c"></command>
3206 <command id="undo-command" shortcut="Ctrl|z"></command> 3268 <command id="undo-command" shortcut="Ctrl|z"></command>
3207 <command id="find-command" shortcut="Ctrl|f"></command> 3269 <command id="find-command" shortcut="Ctrl|f"></command>
3208 </if> 3270 </if>
3209 <link rel="import" href="chrome://resources/html/polymer.html"> 3271 <link rel="import" href="chrome://resources/html/polymer.html">
3210 <script src="crisper.js"></script></body></html> 3272 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | chrome/browser/resources/md_history/app.crisper.js » ('j') | chrome/browser/resources/md_history/history_toolbar.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698