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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2450663003: MD History: hide tooltip promo when drawer is swiped open (Closed)
Patch Set: tweaks Created 4 years, 1 month 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
« chrome/browser/resources/md_history/app.js ('K') | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_toolbar.html » ('j') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 2700 matching lines...) Expand 10 before | Expand all | Expand 10 after
2711 text-overflow: ellipsis; 2711 text-overflow: ellipsis;
2712 white-space: nowrap; 2712 white-space: nowrap;
2713 } 2713 }
2714 2714
2715 :host-context([dir=rtl]) .rtl-reversible { 2715 :host-context([dir=rtl]) .rtl-reversible {
2716 transform: rotate(180deg); 2716 transform: rotate(180deg);
2717 } 2717 }
2718 2718
2719 </style> 2719 </style>
2720 <div id="toolbar-container"> 2720 <div id="toolbar-container">
2721 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" show-menu-promo="[[s howMenuPromo_]]" menu-label="$i18n{historyMenuButton}" menu-promo="$i18n{menuPro mo}" close-menu-promo="$i18n{closeMenuPromo}" on-search-changed="onSearchChanged _" on-cr-menu-promo-shown="onMenuPromoShown_"> 2721 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" show-menu-promo="[[s howMenuPromo]]" menu-label="$i18n{historyMenuButton}" menu-promo="$i18n{menuProm o}" close-menu-promo="$i18n{closeMenuPromo}" on-search-changed="onSearchChanged_ " on-cr-menu-promo-shown="onMenuPromoShown_">
2722 <div class="more-actions"> 2722 <div class="more-actions">
2723 <template is="dom-if" if="[[showSyncNotice]]"> 2723 <template is="dom-if" if="[[showSyncNotice]]">
2724 <button is="paper-icon-button-light" id="info-button" on-click="onIn foButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}"> 2724 <button is="paper-icon-button-light" id="info-button" on-click="onIn foButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}">
2725 <iron-icon icon="history:info-outline" id="info-button-icon"> 2725 <iron-icon icon="history:info-outline" id="info-button-icon">
2726 </iron-icon> 2726 </iron-icon>
2727 </button> 2727 </button>
2728 </template> 2728 </template>
2729 </div> 2729 </div>
2730 </cr-toolbar> 2730 </cr-toolbar>
2731 <template is="cr-lazy-render" id="syncNotice"> 2731 <template is="cr-lazy-render" id="syncNotice">
(...skipping 1122 matching lines...) Expand 10 before | Expand all | Expand 10 after
3854 border-radius: 2px; 3854 border-radius: 2px;
3855 margin: 1px 10px; 3855 margin: 1px 10px;
3856 pointer-events: none; 3856 pointer-events: none;
3857 transform: scale(0.8); 3857 transform: scale(0.8);
3858 } 3858 }
3859 3859
3860 :host { 3860 :host {
3861 display: block; 3861 display: block;
3862 height: 100%; 3862 height: 100%;
3863 overflow: hidden; 3863 overflow: hidden;
3864 z-index: 0;
3864 } 3865 }
3865 3866
3866 history-toolbar { 3867 history-toolbar {
3867 background: var(--md-toolbar-color); 3868 background: var(--md-toolbar-color);
3869 z-index: 2;
3868 } 3870 }
3869 3871
3870 #main-container { 3872 #main-container {
3871 height: calc(100% - var(--toolbar-height)); 3873 height: calc(100% - var(--toolbar-height));
3872 position: relative; 3874 position: relative;
3875 z-index: 1;
3873 } 3876 }
3874 3877
3875 :host([grouped_]) #main-container { 3878 :host([grouped_]) #main-container {
3876 height: calc(100% - var(--toolbar-grouped-height)); 3879 height: calc(100% - var(--toolbar-grouped-height));
3877 } 3880 }
3878 3881
3879 #content-side-bar { 3882 #content-side-bar {
3880 float: left; 3883 float: left;
3881 } 3884 }
3882 3885
3883 :host-context([dir='rtl']) #content-side-bar { 3886 :host-context([dir='rtl']) #content-side-bar {
3884 float: right; 3887 float: right;
3885 } 3888 }
3886 3889
3887 #content, #content > * { 3890 #content, #content > * {
3888 height: 100%; 3891 height: 100%;
3889 } 3892 }
3890 3893
3891 #drawer:unresolved { 3894 #drawer:unresolved {
3892 display: none; 3895 display: none;
3893 } 3896 }
3894 3897
3898 #drawer {
3899 z-index: 3;
3900 }
3901
3895 #drawer-header { 3902 #drawer-header {
3896 align-items: center; 3903 align-items: center;
3897 border-bottom: 1px solid rgba(0, 0, 0, 0.08); 3904 border-bottom: 1px solid rgba(0, 0, 0, 0.08);
3898 box-sizing: border-box; 3905 box-sizing: border-box;
3899 display: flex; 3906 display: flex;
3900 height: var(--toolbar-height); 3907 height: var(--toolbar-height);
3901 } 3908 }
3902 3909
3903 h1 { 3910 h1 {
3904 -webkit-padding-start: 24px; 3911 -webkit-padding-start: 24px;
(...skipping 16 matching lines...) Expand all
3921 3928
3922 :host([toolbar-shadow_]) #drop-shadow { 3929 :host([toolbar-shadow_]) #drop-shadow {
3923 opacity: 1; 3930 opacity: 1;
3924 } 3931 }
3925 3932
3926 </style> 3933 </style>
3927 <history-router selected-page="{{selectedPage_}}" query-state="{{queryState_ }}"> 3934 <history-router selected-page="{{selectedPage_}}" query-state="{{queryState_ }}">
3928 </history-router> 3935 </history-router>
3929 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying, 3936 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying,
3930 queryState_.incremental, 3937 queryState_.incremental,
3931 queryState_.searchTerm)]]" is-group ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]" sh ow-sync-notice="[[showSyncNotice_(hasSyncedResults, selectedPage_)]]"> 3938 queryState_.searchTerm)]]" is-group ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]" sh ow-sync-notice="[[showSyncNotice_(hasSyncedResults, selectedPage_)]]" show-menu- promo="[[showMenuPromo_]]" on-cr-toolbar-promo-close="onCrToolbarPromoClose_">
3932 </history-toolbar> 3939 </history-toolbar>
3933 3940
3934 <div id="main-container"> 3941 <div id="main-container">
3935 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> 3942 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]">
3936 </history-side-bar> 3943 </history-side-bar>
3937 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> 3944 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}">
3938 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r ange}}" path="history"> 3945 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r ange}}" path="history">
3939 </history-list-container> 3946 </history-list-container>
3940 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> 3947 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]">
3941 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs"> 3948 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs">
3942 </history-synced-device-manager> 3949 </history-synced-device-manager>
3943 </template> 3950 </template>
3944 </iron-pages> 3951 </iron-pages>
3945 <div id="drop-shadow"></div> 3952 <div id="drop-shadow"></div>
3946 </div> 3953 </div>
3947 3954
3948 <template is="dom-if" if="[[hasDrawer_]]"> 3955 <template is="dom-if" if="[[hasDrawer_]]">
3949 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0"> 3956 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0" on-opened -changed="onOpenedChanged_">
3950 <div id="drawer-header"> 3957 <div id="drawer-header">
3951 <h1>$i18n{title}</h1> 3958 <h1>$i18n{title}</h1>
3952 </div> 3959 </div>
3953 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3960 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3954 </history-side-bar> 3961 </history-side-bar>
3955 </app-drawer> 3962 </app-drawer>
3956 </template> 3963 </template>
3957 3964
3958 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3965 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3959 </iron-media-query> 3966 </iron-media-query>
3960 </template> 3967 </template>
3961 </dom-module> 3968 </dom-module>
3962 <script src="app.crisper.js"></script></body></html> 3969 <script src="app.crisper.js"></script></body></html>
OLDNEW
« chrome/browser/resources/md_history/app.js ('K') | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_toolbar.html » ('j') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698