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

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: merge 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 <!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 1795 matching lines...) Expand 10 before | Expand all | Expand 10 after
1806 --iron-icon-width: 100%; 1806 --iron-icon-width: 100%;
1807 --iron-icon-height: 100%; 1807 --iron-icon-height: 100%;
1808 } 1808 }
1809 1809
1810 </style> 1810 </style>
1811 1811
1812 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n> 1812 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>
1813 </template> 1813 </template>
1814 1814
1815 </dom-module> 1815 </dom-module>
1816 <dom-module id="paper-tooltip" assetpath="chrome://resources/polymer/v1_0/paper- tooltip/" css-build="shadow">
1817 <template>
1818 <style scope="paper-tooltip">:host {
1819 display: block;
1820 position: absolute;
1821 outline: none;
1822 z-index: 1002;
1823 -moz-user-select: none;
1824 -ms-user-select: none;
1825 -webkit-user-select: none;
1826 user-select: none;
1827 cursor: default;
1828 }
1829
1830 #tooltip {
1831 display: block;
1832 outline: none;
1833 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
1834 font-size: 10px;
1835 line-height: 1;
1836
1837 background-color: var(--paper-tooltip-background, #616161);
1838 opacity: var(--paper-tooltip-opacity, 0.9);
1839 color: var(--paper-tooltip-text-color, white);
1840
1841 padding: 8px;
1842 border-radius: 2px;
1843
1844 align-items: var(--paper-tooltip_-_align-items); display: var(--paper-to oltip_-_display, block); font-size: var(--paper-tooltip_-_font-size, 10px); font -weight: var(--paper-tooltip_-_font-weight); padding: var(--paper-tooltip_-_padd ing, 8px); white-space: var(--paper-tooltip_-_white-space);
1845 }
1846
1847 .hidden {
1848 display: none !important;
1849 }
1850
1851 </style>
1852
1853 <div id="tooltip" class="hidden">
1854 <content></content>
1855 </div>
1856 </template>
1857
1858 </dom-module>
1816 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow"> 1859 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow">
1817 <template> 1860 <template>
1818 <style scope="iron-a11y-announcer">:host { 1861 <style scope="iron-a11y-announcer">:host {
1819 display: inline-block; 1862 display: inline-block;
1820 position: fixed; 1863 position: fixed;
1821 clip: rect(0px,0px,0px,0px); 1864 clip: rect(0px,0px,0px,0px);
1822 } 1865 }
1823 1866
1824 </style> 1867 </style>
1825 <div aria-live$="[[mode]]">[[_text]]</div> 1868 <div aria-live$="[[mode]]">[[_text]]</div>
(...skipping 1510 matching lines...) Expand 10 before | Expand all | Expand 10 after
3336 } 3379 }
3337 3380
3338 :host([narrow_]) #centeredContent { 3381 :host([narrow_]) #centeredContent {
3339 justify-content: flex-end; 3382 justify-content: flex-end;
3340 } 3383 }
3341 3384
3342 :host([narrow_][showing-search_]) #leftContent { 3385 :host([narrow_][showing-search_]) #leftContent {
3343 opacity: 0; 3386 opacity: 0;
3344 } 3387 }
3345 3388
3389 paper-tooltip {
3390 --paper-tooltip_-_align-items: center; --paper-tooltip_-_display: flex; --pa per-tooltip_-_font-size: 92.3%; --paper-tooltip_-_font-weight: 500; --paper-to oltip_-_padding: 6px 12px 6px 8px; --paper-tooltip_-_white-space: nowrap;;
3391 }
3392
3393 iron-icon {
3394 --iron-icon-height: 20px;
3395 --iron-icon-width: 20px;
3396 -webkit-margin-start: 12px;
3397 }
3398
3399 .arrow {
3400 -webkit-clip-path: polygon(0 100%, 100% 100%, 50% 0);
3401 background: inherit;
3402 left: 10px;
3403 height: 6px;
3404 position: absolute;
3405 top: -6px;
3406 width: 12px;
3407 }
3408
3346 </style> 3409 </style>
3347 <div id="leftContent"> 3410 <div id="leftContent">
3348 <template is="dom-if" if="[[showMenu]]"> 3411 <template is="dom-if" if="[[showMenu]]">
3349 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]"> 3412 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]" aria-label$="[[menu Label]]">
3350 </paper-icon-button> 3413 </paper-icon-button>
3414 <template is="dom-if" if="[[showMenuPromo]]">
3415 <paper-tooltip for="menuButton" position="bottom" offset="20" manual-m ode="" fit-to-visible-bounds="">
3416 <div class="arrow"></div>
3417 [[menuPromo]]
3418 <iron-icon icon="cr:clear" on-tap="onMenuPromoCloseTap_" role="butto n" tabindex="0" aria-label$="[[closeMenuPromo]]">
3419 </iron-icon>
3420 </paper-tooltip>
3421 </template>
3351 </template> 3422 </template>
3352 <h1>[[pageName]]</h1> 3423 <h1>[[pageName]]</h1>
3353 </div> 3424 </div>
3354 3425
3355 <div id="centeredContent"> 3426 <div id="centeredContent">
3356 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 3427 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
3357 </cr-toolbar-search-field> 3428 </cr-toolbar-search-field>
3358 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 3429 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
3359 </iron-media-query> 3430 </iron-media-query>
3360 </div> 3431 </div>
(...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after
3553 <command id="undo-command" shortcut="Meta|z"></command> 3624 <command id="undo-command" shortcut="Meta|z"></command>
3554 <command id="find-command" shortcut="Meta|f"></command> 3625 <command id="find-command" shortcut="Meta|f"></command>
3555 </if> 3626 </if>
3556 <if expr="not is_macosx"> 3627 <if expr="not is_macosx">
3557 <command id="clear-all-command" shortcut="Alt|c"></command> 3628 <command id="clear-all-command" shortcut="Alt|c"></command>
3558 <command id="undo-command" shortcut="Ctrl|z"></command> 3629 <command id="undo-command" shortcut="Ctrl|z"></command>
3559 <command id="find-command" shortcut="Ctrl|f"></command> 3630 <command id="find-command" shortcut="Ctrl|f"></command>
3560 </if> 3631 </if>
3561 <link rel="import" href="chrome://resources/html/polymer.html"> 3632 <link rel="import" href="chrome://resources/html/polymer.html">
3562 <script src="crisper.js"></script></body></html> 3633 <script src="crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698