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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2251323002: MD History: Synced Tabs fixes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@history_css_shuffle
Patch Set: Closure Created 4 years, 4 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_history/app.crisper.js ('k') | chrome/browser/resources/md_history/synced_device_card.html » ('j') | chrome/browser/resources/md_history/synced_device_manager.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 3639 matching lines...) Expand 10 before | Expand all | Expand 10 after
3650 @apply(--card-sizing); 3650 @apply(--card-sizing);
3651 display: block; 3651 display: block;
3652 padding-bottom: var(--card-padding-between); 3652 padding-bottom: var(--card-padding-between);
3653 } 3653 }
3654 3654
3655 #card-heading { 3655 #card-heading {
3656 @apply(--layout-justified); 3656 @apply(--layout-justified);
3657 cursor: pointer; 3657 cursor: pointer;
3658 } 3658 }
3659 3659
3660 #icon {
3661 -webkit-margin-start: 20px;
3662 }
3663
3664 #tab-item-list { 3660 #tab-item-list {
3665 padding: 8px 0; 3661 padding: 8px 0;
3666 } 3662 }
3667 3663
3668 #last-update-time { 3664 #last-update-time {
3669 color: var(--secondary-text-color); 3665 color: var(--secondary-text-color);
3670 } 3666 }
3671 3667
3672 #right-buttons { 3668 #right-buttons {
3673 -webkit-margin-end: 4px; 3669 -webkit-margin-end: 4px;
3674 } 3670 }
3675 3671
3676 #menu-button { 3672 #menu-button {
3677 -webkit-margin-end: 8px; 3673 -webkit-margin-end: 8px;
3678 } 3674 }
3679 3675
3680 #collapse { 3676 #collapse {
3681 overflow: hidden; 3677 overflow: hidden;
3682 } 3678 }
3683 3679
3684 #history-item-container { 3680 #history-item-container {
3685 @apply(--card-box-shadow); 3681 @apply(--card-box-shadow);
3686 background: #fff; 3682 background: #fff;
3687 border-radius: 2px; 3683 border-radius: 2px;
3688 } 3684 }
3689 3685
3690 #item-container { 3686 #item-container {
3691 @apply(--layout-center); 3687 @apply(--layout-center);
3692 @apply(--layout-horizontal); 3688 @apply(--layout-horizontal);
3689 margin: 0 20px;
3693 min-height: var(--item-height); 3690 min-height: var(--item-height);
3694 } 3691 }
3695 3692
3696 #window-separator { 3693 #window-separator {
3697 background-color: var(--card-border-color); 3694 background-color: var(--card-border-color);
3698 height: 1px; 3695 height: 1px;
3699 margin: 5px auto; 3696 margin: 5px auto;
3700 width: 80%; 3697 width: 80%;
3701 } 3698 }
3702 </style> 3699 </style>
3703 <div id="history-item-container"> 3700 <div id="history-item-container">
3704 <div class="card-title" id="card-heading" aria-expanded$="[[cardOpen_]]" a ria-controls="collapse" on-tap="toggleTabCard"> 3701 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard">
3705 <div> 3702 <div>
3706 [[device]] 3703 [[device]]
3707 <span id="last-update-time">[[lastUpdateTime]]</span> 3704 <span id="last-update-time">[[lastUpdateTime]]</span>
3708 </div> 3705 </div>
3709 <div id="right-buttons"> 3706 <div id="right-buttons">
3710 <button is="paper-icon-button-light" id="menu-button" class="icon-butt on" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}"> 3707 <button is="paper-icon-button-light" id="menu-button" class="icon-butt on" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}">
3711 <iron-icon icon="cr:more-vert"></iron-icon> 3708 <iron-icon icon="cr:more-vert"></iron-icon>
3712 </button> 3709 </button>
3713 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(cardOpen_)]]"> 3710 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]">
3714 <iron-icon icon="cr:expand-less" id="dropdown-indicator"> 3711 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r">
3715 </iron-icon> 3712 </iron-icon>
3716 </button> 3713 </button>
3717 </div> 3714 </div>
3718 </div> 3715 </div>
3719 3716
3720 <iron-collapse opened="{{cardOpen_}}" id="collapse"> 3717 <iron-collapse opened="{{opened}}" id="collapse">
3721 <div id="tab-item-list"> 3718 <div id="tab-item-list">
3722 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> 3719 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list">
3723 <div id="item-container"> 3720 <div id="item-container">
3724 <div id="icon" class="website-icon"></div> 3721 <div id="icon" class="website-icon"></div>
3725 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_"> 3722 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]" on-click="openTab_">
3726 <history-searched-label title="[[tab.title]]" search-term="[[sea rchTerm]]"></history-searched-label> 3723 <history-searched-label title="[[tab.title]]" search-term="[[sea rchTerm]]"></history-searched-label>
3727 </a> 3724 </a>
3728 </div> 3725 </div>
3729 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index , separatorIndexes)]]"> 3726 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index , separatorIndexes)]]">
3730 </div> 3727 </div>
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
3783 font-size: 14px; 3780 font-size: 14px;
3784 margin-top: 24px; 3781 margin-top: 24px;
3785 } 3782 }
3786 3783
3787 #synced-device-list { 3784 #synced-device-list {
3788 padding-top: var(--first-card-padding-top); 3785 padding-top: var(--first-card-padding-top);
3789 } 3786 }
3790 </style> 3787 </style>
3791 <div id="synced-device-list" hidden="[[!syncedDevices_.length]]"> 3788 <div id="synced-device-list" hidden="[[!syncedDevices_.length]]">
3792 <template is="dom-repeat" items="[[syncedDevices_]]" as="syncedDevice"> 3789 <template is="dom-repeat" items="[[syncedDevices_]]" as="syncedDevice">
3793 <history-synced-device-card device="[[syncedDevice.device]]" last-update -time="[[syncedDevice.lastUpdateTime]]" tabs="[[syncedDevice.tabs]]" separator-i ndexes="[[syncedDevice.separatorIndexes]]" search-term="[[searchTerm]]" session- tag="[[syncedDevice.tag]]"> 3790 <history-synced-device-card device="[[syncedDevice.device]]" last-update -time="[[syncedDevice.lastUpdateTime]]" tabs="[[syncedDevice.tabs]]" separator-i ndexes="[[syncedDevice.separatorIndexes]]" search-term="[[searchTerm]]" session- tag="[[syncedDevice.tag]]" opened="{{syncedDevice.opened}}">
3794 </history-synced-device-card> 3791 </history-synced-device-card>
3795 </template> 3792 </template>
3796 </div> 3793 </div>
3797 <div id="no-synced-tabs" class="centered-message" hidden="[[!showNoSyncedMes sage(signInState_, syncedDevices_.length, 3794 <div id="no-synced-tabs" class="centered-message" hidden="[[!showNoSyncedMes sage(signInState_, syncedDevices_.length,
3798 guestSession_)]]"> 3795 guestSession_)]]">
3799 [[noSyncedTabsMessage(fetchingSyncedTabs_)]] 3796 [[noSyncedTabsMessage(fetchingSyncedTabs_)]]
3800 </div> 3797 </div>
3801 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState_, guestSessio n_)]]"> 3798 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState_, guestSessio n_)]]">
3802 <div id="illustration"></div> 3799 <div id="illustration"></div>
3803 <div id="sign-in-promo">$i18n{signInPromo}</div> 3800 <div id="sign-in-promo">$i18n{signInPromo}</div>
3804 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div> 3801 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div>
3805 <paper-button id="sign-in-button" on-tap="onSignInTap_"> 3802 <paper-button id="sign-in-button" on-tap="onSignInTap_">
3806 $i18n{signInButton} 3803 $i18n{signInButton}
3807 </paper-button> 3804 </paper-button>
3808 </div> 3805 </div>
3809 3806
3810 <template is="history-lazy-render" id="menu"> 3807 <template is="history-lazy-render" id="menu">
3811 <cr-shared-menu> 3808 <cr-shared-menu>
3812 <paper-item class="menu-item" on-tap="onOpenAllTap_"> 3809 <paper-item id="menuOpenButton" class="menu-item" on-tap="onOpenAllTap_" >
3813 $i18n{openAll} 3810 $i18n{openAll}
3814 </paper-item> 3811 </paper-item>
3815 <paper-item class="menu-item" on-tap="onDeleteSessionTap_"> 3812 <paper-item id="menuDeleteButton" class="menu-item" on-tap="onDeleteSess ionTap_">
3816 $i18n{deleteSession} 3813 $i18n{deleteSession}
3817 </paper-item> 3814 </paper-item>
3818 </cr-shared-menu> 3815 </cr-shared-menu>
3819 </template> 3816 </template>
3820 </template> 3817 </template>
3821 </dom-module> 3818 </dom-module>
3822 <dom-module id="history-side-bar" assetpath="chrome://history/"> 3819 <dom-module id="history-side-bar" assetpath="chrome://history/">
3823 <template> 3820 <template>
3824 <style include="shared-style"> 3821 <style include="shared-style">
3825 :host { 3822 :host {
(...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after
3989 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 3986 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
3990 </history-side-bar> 3987 </history-side-bar>
3991 </app-drawer> 3988 </app-drawer>
3992 </template> 3989 </template>
3993 3990
3994 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3991 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3995 </iron-media-query> 3992 </iron-media-query>
3996 </template> 3993 </template>
3997 </dom-module> 3994 </dom-module>
3998 <script src="app.crisper.js"></script></body></html> 3995 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/synced_device_card.html » ('j') | chrome/browser/resources/md_history/synced_device_manager.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698