| 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 3527 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3538 </template> | 3538 </template> |
| 3539 </template> | 3539 </template> |
| 3540 </iron-collapse> | 3540 </iron-collapse> |
| 3541 </div> | 3541 </div> |
| 3542 </template> | 3542 </template> |
| 3543 </div> | 3543 </div> |
| 3544 </template> | 3544 </template> |
| 3545 </div> | 3545 </div> |
| 3546 </template> | 3546 </template> |
| 3547 </dom-module> | 3547 </dom-module> |
| 3548 |
| 3549 |
| 3548 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> | 3550 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> |
| 3549 <template> | 3551 <template> |
| 3550 <style> | 3552 <style> |
| 3551 :host { | 3553 :host { |
| 3552 display: block; | 3554 display: block; |
| 3553 position: relative; | 3555 position: relative; |
| 3554 } | 3556 } |
| 3555 | 3557 |
| 3556 @media only screen and (-webkit-max-device-pixel-ratio: 1) { | 3558 @media only screen and (-webkit-max-device-pixel-ratio: 1) { |
| 3557 :host { | 3559 :host { |
| (...skipping 403 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3961 :host { | 3963 :host { |
| 3962 display: block; | 3964 display: block; |
| 3963 height: 100%; | 3965 height: 100%; |
| 3964 overflow: hidden; | 3966 overflow: hidden; |
| 3965 } | 3967 } |
| 3966 | 3968 |
| 3967 /* Sizing this with flex causes slow load performance, see | 3969 /* Sizing this with flex causes slow load performance, see |
| 3968 * crbug.com/618153. TODO(dbeam): is this still an issue? */ | 3970 * crbug.com/618153. TODO(dbeam): is this still an issue? */ |
| 3969 #main-container { | 3971 #main-container { |
| 3970 height: calc(100% - var(--toolbar-height)); | 3972 height: calc(100% - var(--toolbar-height)); |
| 3973 position: relative; |
| 3971 } | 3974 } |
| 3972 | 3975 |
| 3973 :host([grouped_]) #main-container { | 3976 :host([grouped_]) #main-container { |
| 3974 height: calc(100% - var(--toolbar-grouped-height)); | 3977 height: calc(100% - var(--toolbar-grouped-height)); |
| 3975 } | 3978 } |
| 3976 | 3979 |
| 3977 #content-side-bar { | 3980 #content-side-bar { |
| 3978 float: left; | 3981 float: left; |
| 3979 } | 3982 } |
| 3980 | 3983 |
| (...skipping 13 matching lines...) Expand all Loading... |
| 3994 height: var(--toolbar-height); | 3997 height: var(--toolbar-height); |
| 3995 margin-bottom: 5px; | 3998 margin-bottom: 5px; |
| 3996 } | 3999 } |
| 3997 | 4000 |
| 3998 h1 { | 4001 h1 { |
| 3999 -webkit-padding-start: 24px; | 4002 -webkit-padding-start: 24px; |
| 4000 color: rgb(66, 66, 66); | 4003 color: rgb(66, 66, 66); |
| 4001 font-size: 123%; | 4004 font-size: 123%; |
| 4002 font-weight: 400; | 4005 font-weight: 400; |
| 4003 } | 4006 } |
| 4007 |
| 4008 #drop-shadow { |
| 4009 box-shadow: inset 0 5px 6px -3px rgba(0, 0, 0, 0.4); |
| 4010 height: 6px; |
| 4011 left: 0; |
| 4012 opacity: 0; |
| 4013 pointer-events: none; |
| 4014 position: absolute; |
| 4015 right: 0; |
| 4016 top: 0; |
| 4017 transition: opacity 500ms; |
| 4018 } |
| 4019 |
| 4020 :host([toolbar-shadow_]) #drop-shadow { |
| 4021 opacity: 1; |
| 4022 } |
| 4004 </style> | 4023 </style> |
| 4005 <app-location route="{{route_}}"></app-location> | 4024 <app-location route="{{route_}}"></app-location> |
| 4006 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p
arams="{{queryParams_}}"> | 4025 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p
arams="{{queryParams_}}"> |
| 4007 </app-route> | 4026 </app-route> |
| 4008 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat
e_.querying, | 4027 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat
e_.querying, |
| 4009 queryState_.incremental, | 4028 queryState_.incremental, |
| 4010 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_]]"> | 4029 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_]]"> |
| 4011 </history-toolbar> | 4030 </history-toolbar> |
| 4012 | 4031 |
| 4013 <div id="main-container"> | 4032 <div id="main-container"> |
| 4014 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> | 4033 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> |
| 4015 </history-side-bar> | 4034 </history-side-bar> |
| 4016 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> | 4035 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist
ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> |
| 4017 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> | 4036 <history-list-container id="history" query-state="{{queryState_}}" query
-result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r
ange}}" path="history"> |
| 4018 </history-list-container> | 4037 </history-list-container> |
| 4019 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> | 4038 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> |
| 4020 <history-synced-device-manager id="synced-devices" session-list="[[que
ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state=
"[[isUserSignedIn_]]" path="syncedTabs"> | 4039 <history-synced-device-manager id="synced-devices" session-list="[[que
ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state=
"[[isUserSignedIn_]]" path="syncedTabs"> |
| 4021 </history-synced-device-manager> | 4040 </history-synced-device-manager> |
| 4022 </template> | 4041 </template> |
| 4023 </iron-pages> | 4042 </iron-pages> |
| 4043 <div id="drop-shadow"></div> |
| 4024 </div> | 4044 </div> |
| 4025 | 4045 |
| 4026 <template is="dom-if" if="[[hasDrawer_]]"> | 4046 <template is="dom-if" if="[[hasDrawer_]]"> |
| 4027 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0"> | 4047 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0"> |
| 4028 <div id="drawer-header"> | 4048 <div id="drawer-header"> |
| 4029 <h1>$i18n{title}</h1> | 4049 <h1>$i18n{title}</h1> |
| 4030 </div> | 4050 </div> |
| 4031 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> | 4051 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> |
| 4032 </history-side-bar> | 4052 </history-side-bar> |
| 4033 </app-drawer> | 4053 </app-drawer> |
| 4034 </template> | 4054 </template> |
| 4035 | 4055 |
| 4036 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 4056 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
| 4037 </iron-media-query> | 4057 </iron-media-query> |
| 4038 </template> | 4058 </template> |
| 4039 </dom-module> | 4059 </dom-module> |
| 4040 <script src="app.crisper.js"></script></body></html> | 4060 <script src="app.crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2253083003:
[MD History] Add shadow to toolbar on scroll. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@more_stats