third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog.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/paper-dialog/paper-dialog.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/paper-dialog/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog-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="../neon-animation/neon-animation-runner-behavior.html">	10 <link rel="import" href="../neon-animation/neon-animation-runner-behavior.html">

11 <link rel="import" href="../paper-dialog-behavior/paper-dialog-behavior.html">	11 <link rel="import" href="../paper-dialog-behavior/paper-dialog-behavior.html">

12 <link rel="import" href="../paper-dialog-behavior/paper-dialog-shared-styles.htm l">	12 <link rel="import" href="../paper-dialog-behavior/paper-dialog-shared-styles.htm l">

13 <!--	13 <!--

14 Material design: [Dialogs](https://www.google.com/design/spec/components/dialogs .html)	14 Material design: [Dialogs](https://www.google.com/design/spec/components/dialogs .html)

15	15

16 `<paper-dialog>` is a dialog with Material Design styling and optional animation s when it is	16 `<paper-dialog>` is a dialog with Material Design styling and optional animation s when it is

17 opened or closed. It provides styles for a header, content area, and an action a rea for buttons.	17 opened or closed. It provides styles for a header, content area, and an action a rea for buttons.

18 You can use the `<paper-dialog-scrollable>` element (in its own repository) if y ou need a scrolling	18 You can use the `<paper-dialog-scrollable>` element (in its own repository) if y ou need a scrolling

19 content area. See `Polymer.PaperDialogBehavior` for specifics.	19 content area. To autofocus a specific child element after opening the dialog, gi ve it the `autofocus`

	20 attribute. See `Polymer.PaperDialogBehavior` and `Polymer.IronOverlayBehavior` f or specifics.

20	21

21 For example, the following code implements a dialog with a header, scrolling con tent area and	22 For example, the following code implements a dialog with a header, scrolling con tent area and

22 buttons.	23 buttons. Focus will be given to the `dialog-confirm` button when the dialog is o pened.

23	24

24 <paper-dialog>	25 <paper-dialog>

25 <h2>Header</h2>	26 <h2>Header</h2>

26 <paper-dialog-scrollable>	27 <paper-dialog-scrollable>

27 Lorem ipsum...	28 Lorem ipsum...

28 </paper-dialog-scrollable>	29 </paper-dialog-scrollable>

29 <div class="buttons">	30 <div class="buttons">

30 <paper-button dialog-dismiss>Cancel</paper-button>	31 <paper-button dialog-dismiss>Cancel</paper-button>

31 <paper-button dialog-confirm>Accept</paper-button>	32 <paper-button dialog-confirm autofocus>Accept</paper-button>

32 </div>	33 </div>

33 </paper-dialog>	34 </paper-dialog>

34	35

35 ### Styling	36 ### Styling

36	37

37 See the docs for `Polymer.PaperDialogBehavior` for the custom properties availab le for styling	38 See the docs for `Polymer.PaperDialogBehavior` for the custom properties availab le for styling

38 this element.	39 this element.

39	40

40 ### Animations	41 ### Animations

41	42

(...skipping 24 matching lines...) Expand all Loading...
66 -->	67 -->

67	68

68 </head><body><dom-module id="paper-dialog">	69 </head><body><dom-module id="paper-dialog">

69 <template>	70 <template>

70 <style include="paper-dialog-shared-styles"></style>	71 <style include="paper-dialog-shared-styles"></style>

71 <content></content>	72 <content></content>

72 </template>	73 </template>

73 </dom-module>	74 </dom-module>

74	75

75 <script src="paper-dialog-extracted.js"></script></body></html>	76 <script src="paper-dialog-extracted.js"></script></body></html>

OLD	NEW