OLD | NEW |
1 <link rel="import" href="chrome://resources/html/icon.html"> | 1 <link rel="import" href="chrome://resources/html/icon.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/polymer/v1_0/paper-button/paper-butt
on.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
4 <link rel="import" href="cr_profile_avatar_selector_grid.html"> | 4 <link rel="import" href="cr_profile_avatar_selector_grid.html"> |
5 | 5 |
6 <dom-module id="cr-profile-avatar-selector"> | 6 <dom-module id="cr-profile-avatar-selector"> |
7 <template> | 7 <template> |
8 <style> | 8 <style> |
9 :host { | 9 :host { |
10 --avatar-size: 48px; | 10 --avatar-size: 48px; |
(...skipping 24 matching lines...) Expand all Loading... |
35 @apply(--avatar-selector-avatar); | 35 @apply(--avatar-selector-avatar); |
36 } | 36 } |
37 | 37 |
38 #avatar-grid .avatar.iron-selected { | 38 #avatar-grid .avatar.iron-selected { |
39 border: 1px solid var(--google-blue-500); | 39 border: 1px solid var(--google-blue-500); |
40 | 40 |
41 @apply(--avatar-selector-avatar-selected); | 41 @apply(--avatar-selector-avatar-selected); |
42 } | 42 } |
43 </style> | 43 </style> |
44 <cr-profile-avatar-selector-grid id="avatar-grid" | 44 <cr-profile-avatar-selector-grid id="avatar-grid" |
45 selected="{{selectedAvatarUrl}}" attr-for-selected="data-avatar-url"> | 45 selected="{{selectedAvatarUrl}}" attr-for-selected="data-avatar-url" |
| 46 ignore-modified-key-events="[[ignoreModifiedKeyEvents]]"> |
46 <template is="dom-repeat" items="[[avatars]]"> | 47 <template is="dom-repeat" items="[[avatars]]"> |
47 <paper-button class="avatar" data-avatar-url$="[[item.url]]" | 48 <paper-button class="avatar" data-avatar-url$="[[item.url]]" |
48 title="[[item.label]]" | 49 title="[[item.label]]" |
49 style$="background-image: [[getIconImageset_(item.url)]]"> | 50 style$="background-image: [[getIconImageset_(item.url)]]"> |
50 </paper-button> | 51 </paper-button> |
51 </template> | 52 </template> |
52 </cr-profile-avatar-selector-grid> | 53 </cr-profile-avatar-selector-grid> |
53 </template> | 54 </template> |
54 <script src="cr_profile_avatar_selector.js"></script> | 55 <script src="cr_profile_avatar_selector.js"></script> |
55 </dom-module> | 56 </dom-module> |
OLD | NEW |