OLD | NEW |
---|---|
1 <link rel="import" href="chrome://resources/html/assert.html"> | 1 <link rel="import" href="chrome://resources/html/assert.html"> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 3 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> |
5 <link rel="import" href="../i18n_setup.html"> | 5 <link rel="import" href="../i18n_setup.html"> |
6 <link rel="import" href="../icons.html"> | 6 <link rel="import" href="../icons.html"> |
7 <link rel="import" href="lock_screen_constants.html"> | 7 <link rel="import" href="lock_screen_constants.html"> |
8 <link rel="import" href="pin_keyboard.html"> | 8 <link rel="import" href="pin_keyboard.html"> |
9 <link rel="import" href="../settings_shared_css.html"> | 9 <link rel="import" href="../settings_shared_css.html"> |
10 | 10 |
(...skipping 12 matching lines...) Expand all Loading... | |
23 color: var(--paper-red-500); | 23 color: var(--paper-red-500); |
24 } | 24 } |
25 | 25 |
26 .error > iron-icon { | 26 .error > iron-icon { |
27 --iron-icon-fill-color: var(--paper-red-500); | 27 --iron-icon-fill-color: var(--paper-red-500); |
28 } | 28 } |
29 | 29 |
30 #pinKeyboardDiv { | 30 #pinKeyboardDiv { |
31 justify-content: center; | 31 justify-content: center; |
32 } | 32 } |
33 | |
34 /* Use this instead of hidden or dom-if so that the dialog does not resize | |
35 when the problem appears or disappears. */ | |
36 #problemDiv[invisible] { | |
37 visibility: hidden; | |
38 } | |
stevenjb
2017/04/14 21:47:20
A simpler approach might just be to hide the iron-
sammiequon
2017/04/14 22:11:43
Done.
| |
33 </style> | 39 </style> |
34 | 40 |
35 <dialog is="cr-dialog" id="dialog" on-close="close" | 41 <dialog is="cr-dialog" id="dialog" on-close="close" |
36 close-text="$i18n{close}"> | 42 close-text="$i18n{close}"> |
37 <div class="title">[[getTitleMessage_(isConfirmStep_)]]</div> | 43 <div class="title">[[getTitleMessage_(isConfirmStep_)]]</div> |
38 <div class="body"> | 44 <div class="body"> |
39 <!-- Warning/error; only shown if title is hidden. Id is needed for | 45 <!-- Warning/error; only shown if title is hidden. Id is needed for |
40 tests. --> | 46 tests. --> |
41 <div id="problemDiv" class$="[[problemClass_]] settings-box first" | 47 <div id="problemDiv" class$="[[problemClass_]] settings-box first" |
42 hidden$="[[!hasProblem_(problemMessage_)]]"> | 48 invisible$="[[!hasProblem_(problemMessage_)]]"> |
43 <iron-icon icon="settings:warning"></iron-icon> | 49 <iron-icon icon="settings:warning"></iron-icon> |
44 <span class="middle">[[problemMessage_]]</span> | 50 <span class="middle">[[problemMessage_]]</span> |
45 </div> | 51 </div> |
46 | 52 |
47 <!-- Pin keyboard --> | 53 <!-- Pin keyboard --> |
48 <div id="pinKeyboardDiv" class="settings-box continuation"> | 54 <div id="pinKeyboardDiv" class="settings-box continuation"> |
49 <pin-keyboard id="pinKeyboard" on-pin-change="onPinChange_" | 55 <pin-keyboard id="pinKeyboard" on-pin-change="onPinChange_" |
50 on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}"> | 56 on-submit="onPinSubmit_" value="{{pinKeyboardValue_}}"> |
51 </pin-keyboard> | 57 </pin-keyboard> |
52 </div> | 58 </div> |
53 | 59 |
54 <div class="button-strip"> | 60 <div class="button-strip"> |
55 <paper-button class="cancel-button" on-tap="onCancelTap_"> | 61 <paper-button class="cancel-button" on-tap="onCancelTap_"> |
56 $i18n{cancel} | 62 $i18n{cancel} |
57 </paper-button> | 63 </paper-button> |
58 | 64 |
59 <paper-button class="action-button" on-tap="onPinSubmit_" | 65 <paper-button class="action-button" on-tap="onPinSubmit_" |
60 disabled$="[[!enableSubmit_]]"> | 66 disabled$="[[!enableSubmit_]]"> |
61 <span>[[getContinueMessage_(isConfirmStep_)]]</span> | 67 <span>[[getContinueMessage_(isConfirmStep_)]]</span> |
62 </paper-button> | 68 </paper-button> |
63 </div> | 69 </div> |
64 </div> | 70 </div> |
65 </dialog> | 71 </dialog> |
66 </template> | 72 </template> |
67 | 73 |
68 <script src="setup_pin_dialog.js"></script> | 74 <script src="setup_pin_dialog.js"></script> |
69 </dom-module> | 75 </dom-module> |
OLD | NEW |