third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-overlay-backdrop.html - Issue 2074813002: Roll Polymer

Side by Side Diff: third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/iron-overlay-backdrop.html

Issue 2074813002: Roll Polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: chromium.patch Created 4 years, 6 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:

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/bower.json ('k') | third_party/polymer/v1_0/components-chromium/iron-pages/bower.json » ('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	10

11 <!--	11 <!--

12 `iron-overlay-backdrop` is a backdrop used by `Polymer.IronOverlayBehavior`. It should be a	12 `iron-overlay-backdrop` is a backdrop used by `Polymer.IronOverlayBehavior`. It should be a

13 singleton.	13 singleton.

14	14

15 ### Styling	15 ### Styling

16	16

17 The following custom properties and mixins are available for styling.	17 The following custom properties and mixins are available for styling.

18	18

19 Custom property \| Description \| Default	19 Custom property \| Description \| Default

20 -------------------------------------------\|------------------------\|---------	20 -------------------------------------------\|------------------------\|---------

21 `--iron-overlay-backdrop-background-color` \| Backdrop background color \| #000	21 `--iron-overlay-backdrop-background-color` \| Backdrop background color \| #000

22 `--iron-overlay-backdrop-opacity` \| Backdrop opacity \| 0.6	22 `--iron-overlay-backdrop-opacity` \| Backdrop opacity \| 0.6

23 `--iron-overlay-backdrop` \| Mixin applied to `iron-overlay-back drop`. \| {}	23 `--iron-overlay-backdrop` \| Mixin applied to `iron-overlay-back drop`. \| {}

24 `--iron-overlay-backdrop-opened` \| Mixin applied to `iron-overlay-back drop` when it is displayed \| {}	24 `--iron-overlay-backdrop-opened` \| Mixin applied to `iron-overlay-back drop` when it is displayed \| {}

25 -->	25 -->

26	26

27 </head><body><dom-module id="iron-overlay-backdrop">	27 </head><body><dom-module id="iron-overlay-backdrop">

28	28

29 <style>	29 <template>

30 :host {	30 <style>

31 position: fixed;	31 :host {

32 top: 0;	32 position: fixed;

33 left: 0;	33 top: 0;

34 width: 100%;	34 left: 0;

35 height: 100%;	35 width: 100%;

36 background-color: var(--iron-overlay-backdrop-background-color, #000);	36 height: 100%;

37 opacity: 0;	37 background-color: var(--iron-overlay-backdrop-background-color, #000);

38 transition: opacity 0.2s;	38 opacity: 0;

39 pointer-events: none;	39 transition: opacity 0.2s;

40 @apply(--iron-overlay-backdrop);	40 pointer-events: none;

41 }	41 @apply(--iron-overlay-backdrop);

	42 }

42	43

43 :host(.opened) {	44 :host(.opened) {

44 opacity: var(--iron-overlay-backdrop-opacity, 0.6);	45 opacity: var(--iron-overlay-backdrop-opacity, 0.6);

45 pointer-events: auto;	46 pointer-events: auto;

46 @apply(--iron-overlay-backdrop-opened);	47 @apply(--iron-overlay-backdrop-opened);

47 }	48 }

48 </style>	49 </style>

49	50

50 <template>

51 <content></content>	51 <content></content>

52 </template>	52 </template>

53	53

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

55	55

56 <script src="iron-overlay-backdrop-extracted.js"></script></body></html>	56 <script src="iron-overlay-backdrop-extracted.js"></script></body></html>

OLD	NEW