third_party/polymer/v1_0/components-chromium/neon-animation/neon-animated-pages.html - Issue 2158913007: Roll Polymer from 1.5.0 -> 1.6.0 to pick up native CSS custom props

Side by Side Diff: third_party/polymer/v1_0/components-chromium/neon-animation/neon-animated-pages.html

Issue 2158913007: Roll Polymer from 1.5.0 -> 1.6.0 to pick up native CSS custom props (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: merge 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 | « third_party/polymer/v1_0/components-chromium/neon-animation/neon-animatable.html ('k') | third_party/polymer/v1_0/components-chromium/neon-animation/neon-animation-runner-behavior-extracted.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 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 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html ">	10 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html ">

11 <link rel="import" href="../iron-selector/iron-selectable.html">	11 <link rel="import" href="../iron-selector/iron-selectable.html">

12 <link rel="import" href="neon-animation-runner-behavior.html">	12 <link rel="import" href="neon-animation-runner-behavior.html">

13 <link rel="import" href="animations/opaque-animation.html">

14	13

15 <!--	14 <!--

16 Material design: [Meaningful transitions](https://www.google.com/design/spec/ani mation/meaningful-transitions.html)	15 Material design: [Meaningful transitions](https://www.google.com/design/spec/ani mation/meaningful-transitions.html)

17	16

18 `neon-animated-pages` manages a set of pages and runs an animation when switchin g between them. Its	17 `neon-animated-pages` manages a set of pages and runs an animation when switchin g between them. Its

19 children pages should implement `Polymer.NeonAnimatableBehavior` and define `ent ry` and `exit`	18 children pages should implement `Polymer.NeonAnimatableBehavior` and define `ent ry` and `exit`

20 animations to be run when switching to or switching out of the page.	19 animations to be run when switching to or switching out of the page.

21	20

22 @group Neon Elements	21 @group Neon Elements

23 @element neon-animated-pages	22 @element neon-animated-pages

24 @demo demo/index.html	23 @demo demo/index.html

25 -->	24 -->

26	25

27 </head><body><dom-module id="neon-animated-pages">	26 </head><body><dom-module id="neon-animated-pages">

	27 <template>

	28 <style>

	29 :host {

	30 display: block;

	31 position: relative;

	32 }

28	33

29 <style>	34 :host > ::content > * {

	35 position: absolute;

	36 top: 0;

	37 left: 0;

	38 bottom: 0;

	39 right: 0;

	40 }

30	41

31 :host {	42 :host > ::content > :not(.iron-selected):not(.neon-animating) {

32 display: block;	43 display: none !important;

33 position: relative;	44 }

34 }

35	45

36 :host > ::content > * {	46 :host > ::content > .neon-animating {

37 position: absolute;	47 pointer-events: none;

38 top: 0;	48 }

39 left: 0;	49 </style>

40 bottom: 0;	50

41 right: 0;

42 }

43

44 :host > ::content > :not(.iron-selected):not(.neon-animating) {

45 display: none !important;

46 }

47

48 :host > ::content > .neon-animating {

49 pointer-events: none;

50 }

51

52 </style>

53

54 <template>

55 <content id="content"></content>	51 <content id="content"></content>

56 </template>	52 </template>

57	53

58 </dom-module>	54 </dom-module>

59	55

60 <script src="neon-animated-pages-extracted.js"></script></body></html>	56 <script src="neon-animated-pages-extracted.js"></script></body></html>

OLD	NEW