| OLD | NEW |
|---|
| 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 2918 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2929 | 2929 |
| 2930 .action-button, | 2930 .action-button, |
| 2931 .cancel-button { | 2931 .cancel-button { |
| 2932 font-weight: 500; | 2932 font-weight: 500; |
| 2933 } | 2933 } |
| 2934 | 2934 |
| 2935 [actionable] { | 2935 [actionable] { |
| 2936 @apply(--cr-actionable); | 2936 @apply(--cr-actionable); |
| 2937 } | 2937 } |
| 2938 | 2938 |
| 2939 [scrollable] { |
| 2940 border-color: transparent; |
| 2941 border-style: solid; |
| 2942 border-width: 1px 0; |
| 2943 overflow-y: auto; |
| 2944 } |
| 2945 [scrollable].is-scrolled { |
| 2946 border-top-color: var(--google-grey-300); |
| 2947 } |
| 2948 [scrollable].can-scroll:not(.scrolled-to-bottom) { |
| 2949 border-bottom-color: var(--google-grey-300); |
| 2950 } |
| 2951 [scrollable] :focus { |
| 2952 @apply(--cr-list-item-focus); |
| 2953 @apply(--cr-selectable-focus); |
| 2954 } |
| 2955 [scrollable] iron-list > * { |
| 2956 @apply(--cr-actionable); |
| 2957 } |
| 2958 |
| 2939 [selectable] :focus { | 2959 [selectable] :focus { |
| 2940 @apply(--cr-selectable-focus); | 2960 @apply(--cr-selectable-focus); |
| 2941 } | 2961 } |
| 2942 [selectable] > * { | 2962 [selectable] > * { |
| 2943 @apply(--cr-actionable); | 2963 @apply(--cr-actionable); |
| 2944 } | 2964 } |
| 2945 </style> | 2965 </style> |
| 2946 </template> | 2966 </template> |
| 2947 </dom-module> | 2967 </dom-module> |
| 2948 | 2968 |
| (...skipping 720 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3669 @apply(--card-sizing); | 3689 @apply(--card-sizing); |
| 3670 display: block; | 3690 display: block; |
| 3671 padding-bottom: var(--card-padding-between); | 3691 padding-bottom: var(--card-padding-between); |
| 3672 } | 3692 } |
| 3673 | 3693 |
| 3674 #card-heading { | 3694 #card-heading { |
| 3675 @apply(--layout-justified); | 3695 @apply(--layout-justified); |
| 3676 cursor: pointer; | 3696 cursor: pointer; |
| 3677 } | 3697 } |
| 3678 | 3698 |
| 3679 #icon { | |
| 3680 -webkit-margin-start: 20px; | |
| 3681 } | |
| 3682 | |
| 3683 #tab-item-list { | 3699 #tab-item-list { |
| 3684 padding: 8px 0; | 3700 padding: 8px 0; |
| 3685 } | 3701 } |
| 3686 | 3702 |
| 3687 #last-update-time { | 3703 #last-update-time { |
| 3688 color: var(--secondary-text-color); | 3704 color: var(--secondary-text-color); |
| 3689 } | 3705 } |
| 3690 | 3706 |
| 3691 #right-buttons { | 3707 #right-buttons { |
| 3692 -webkit-margin-end: 4px; | 3708 -webkit-margin-end: 4px; |
| 3693 } | 3709 } |
| 3694 | 3710 |
| 3695 #menu-button { | 3711 #menu-button { |
| 3696 -webkit-margin-end: 8px; | 3712 -webkit-margin-end: 8px; |
| 3697 } | 3713 } |
| 3698 | 3714 |
| 3699 #collapse { | 3715 #collapse { |
| 3700 overflow: hidden; | 3716 overflow: hidden; |
| 3701 } | 3717 } |
| 3702 | 3718 |
| 3703 #history-item-container { | 3719 #history-item-container { |
| 3704 @apply(--card-box-shadow); | 3720 @apply(--card-box-shadow); |
| 3705 background: #fff; | 3721 background: #fff; |
| 3706 border-radius: 2px; | 3722 border-radius: 2px; |
| 3707 } | 3723 } |
| 3708 | 3724 |
| 3709 #item-container { | 3725 #item-container { |
| 3710 @apply(--layout-center); | 3726 @apply(--layout-center); |
| 3711 @apply(--layout-horizontal); | 3727 @apply(--layout-horizontal); |
| 3728 margin: 0 20px; |
| 3712 min-height: var(--item-height); | 3729 min-height: var(--item-height); |
| 3713 } | 3730 } |
| 3714 | 3731 |
| 3715 #window-separator { | 3732 #window-separator { |
| 3716 background-color: var(--card-border-color); | 3733 background-color: var(--card-border-color); |
| 3717 height: 1px; | 3734 height: 1px; |
| 3718 margin: 5px auto; | 3735 margin: 5px auto; |
| 3719 width: 80%; | 3736 width: 80%; |
| 3720 } | 3737 } |
| 3721 </style> | 3738 </style> |
| 3722 <div id="history-item-container"> | 3739 <div id="history-item-container"> |
| 3723 <div class="card-title" id="card-heading" aria-expanded$="[[cardOpen_]]" a
ria-controls="collapse" on-tap="toggleTabCard"> | 3740 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria
-controls="collapse" on-tap="toggleTabCard"> |
| 3724 <div> | 3741 <div> |
| 3725 [[device]] | 3742 [[device]] |
| 3726 <span id="last-update-time">[[lastUpdateTime]]</span> | 3743 <span id="last-update-time">[[lastUpdateTime]]</span> |
| 3727 </div> | 3744 </div> |
| 3728 <div id="right-buttons"> | 3745 <div id="right-buttons"> |
| 3729 <button is="paper-icon-button-light" id="menu-button" class="icon-butt
on" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}"> | 3746 <button is="paper-icon-button-light" id="menu-button" class="icon-butt
on" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}"> |
| 3730 <iron-icon icon="cr:more-vert"></iron-icon> | 3747 <iron-icon icon="cr:more-vert"></iron-icon> |
| 3731 </button> | 3748 </button> |
| 3732 <button is="paper-icon-button-light" class="icon-button" title$="[[get
CollapseTitle_(cardOpen_)]]"> | 3749 <button is="paper-icon-button-light" class="icon-button" title$="[[get
CollapseTitle_(opened)]]"> |
| 3733 <iron-icon icon="cr:expand-less" id="dropdown-indicator"> | 3750 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato
r"> |
| 3734 </iron-icon> | 3751 </iron-icon> |
| 3735 </button> | 3752 </button> |
| 3736 </div> | 3753 </div> |
| 3737 </div> | 3754 </div> |
| 3738 | 3755 |
| 3739 <iron-collapse opened="{{cardOpen_}}" id="collapse"> | 3756 <iron-collapse opened="{{opened}}" id="collapse"> |
| 3740 <div id="tab-item-list"> | 3757 <div id="tab-item-list"> |
| 3741 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> | 3758 <template is="dom-repeat" items="[[tabs]]" as="tab" id="tab-list"> |
| 3742 <div id="item-container"> | 3759 <div id="item-container"> |
| 3743 <div id="icon" class="website-icon"></div> | 3760 <div id="icon" class="website-icon"></div> |
| 3744 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]"
on-click="openTab_"> | 3761 <a href="[[tab.url]]" class="website-title" title="[[tab.title]]"
on-click="openTab_"> |
| 3745 <history-searched-label title="[[tab.title]]" search-term="[[sea
rchTerm]]"></history-searched-label> | 3762 <history-searched-label title="[[tab.title]]" search-term="[[sea
rchTerm]]"></history-searched-label> |
| 3746 </a> | 3763 </a> |
| 3747 </div> | 3764 </div> |
| 3748 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index
, separatorIndexes)]]"> | 3765 <div id="window-separator" hidden$="[[!isWindowSeparatorIndex_(index
, separatorIndexes)]]"> |
| 3749 </div> | 3766 </div> |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3802 font-size: 14px; | 3819 font-size: 14px; |
| 3803 margin-top: 24px; | 3820 margin-top: 24px; |
| 3804 } | 3821 } |
| 3805 | 3822 |
| 3806 #synced-device-list { | 3823 #synced-device-list { |
| 3807 padding-top: var(--first-card-padding-top); | 3824 padding-top: var(--first-card-padding-top); |
| 3808 } | 3825 } |
| 3809 </style> | 3826 </style> |
| 3810 <div id="synced-device-list" hidden="[[!syncedDevices_.length]]"> | 3827 <div id="synced-device-list" hidden="[[!syncedDevices_.length]]"> |
| 3811 <template is="dom-repeat" items="[[syncedDevices_]]" as="syncedDevice"> | 3828 <template is="dom-repeat" items="[[syncedDevices_]]" as="syncedDevice"> |
| 3812 <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]]"> | 3829 <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}}"> |
| 3813 </history-synced-device-card> | 3830 </history-synced-device-card> |
| 3814 </template> | 3831 </template> |
| 3815 </div> | 3832 </div> |
| 3816 <div id="no-synced-tabs" class="centered-message" hidden="[[!showNoSyncedMes
sage(signInState_, syncedDevices_.length, | 3833 <div id="no-synced-tabs" class="centered-message" hidden="[[!showNoSyncedMes
sage(signInState_, syncedDevices_.length, |
| 3817 guestSession_)]]"> | 3834 guestSession_)]]"> |
| 3818 [[noSyncedTabsMessage(fetchingSyncedTabs_)]] | 3835 [[noSyncedTabsMessage(fetchingSyncedTabs_)]] |
| 3819 </div> | 3836 </div> |
| 3820 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState_, guestSessio
n_)]]"> | 3837 <div id="sign-in-guide" hidden="[[!showSignInGuide(signInState_, guestSessio
n_)]]"> |
| 3821 <div id="illustration"></div> | 3838 <div id="illustration"></div> |
| 3822 <div id="sign-in-promo">$i18n{signInPromo}</div> | 3839 <div id="sign-in-promo">$i18n{signInPromo}</div> |
| 3823 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div> | 3840 <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div> |
| 3824 <paper-button id="sign-in-button" on-tap="onSignInTap_"> | 3841 <paper-button id="sign-in-button" on-tap="onSignInTap_"> |
| 3825 $i18n{signInButton} | 3842 $i18n{signInButton} |
| 3826 </paper-button> | 3843 </paper-button> |
| 3827 </div> | 3844 </div> |
| 3828 | 3845 |
| 3829 <template is="history-lazy-render" id="menu"> | 3846 <template is="history-lazy-render" id="menu"> |
| 3830 <cr-shared-menu> | 3847 <cr-shared-menu> |
| 3831 <paper-item class="menu-item" on-tap="onOpenAllTap_"> | 3848 <paper-item id="menuOpenButton" class="menu-item" on-tap="onOpenAllTap_"
> |
| 3832 $i18n{openAll} | 3849 $i18n{openAll} |
| 3833 </paper-item> | 3850 </paper-item> |
| 3834 <paper-item class="menu-item" on-tap="onDeleteSessionTap_"> | 3851 <paper-item id="menuDeleteButton" class="menu-item" on-tap="onDeleteSess
ionTap_"> |
| 3835 $i18n{deleteSession} | 3852 $i18n{deleteSession} |
| 3836 </paper-item> | 3853 </paper-item> |
| 3837 </cr-shared-menu> | 3854 </cr-shared-menu> |
| 3838 </template> | 3855 </template> |
| 3839 </template> | 3856 </template> |
| 3840 </dom-module> | 3857 </dom-module> |
| 3841 <dom-module id="history-side-bar" assetpath="chrome://history/"> | 3858 <dom-module id="history-side-bar" assetpath="chrome://history/"> |
| 3842 <template> | 3859 <template> |
| 3843 <style include="shared-style"> | 3860 <style include="shared-style"> |
| 3844 :host { | 3861 :host { |
| (...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 4008 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> | 4025 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> |
| 4009 </history-side-bar> | 4026 </history-side-bar> |
| 4010 </app-drawer> | 4027 </app-drawer> |
| 4011 </template> | 4028 </template> |
| 4012 | 4029 |
| 4013 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 4030 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
| 4014 </iron-media-query> | 4031 </iron-media-query> |
| 4015 </template> | 4032 </template> |
| 4016 </dom-module> | 4033 </dom-module> |
| 4017 <script src="app.crisper.js"></script></body></html> | 4034 <script src="app.crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2251323002:
MD History: Synced Tabs fixes (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@history_css_shuffle