OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 2 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html"> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tooltip/paper-too
ltip.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tooltip/paper-too
ltip.html"> |
5 <link rel="import" href="cr_policy_indicator_behavior.html"> | 6 <link rel="import" href="cr_policy_indicator_behavior.html"> |
6 <link rel="import" href="cr_policy_vars_css.html"> | 7 <link rel="import" href="cr_policy_vars_css.html"> |
7 | 8 |
8 <dom-module id="cr-policy-pref-indicator"> | 9 <dom-module id="cr-policy-pref-indicator"> |
9 <style> | 10 <style include="cr-hidden-style"> |
10 :host { | 11 :host { |
11 @apply(--cr-policy-indicator); | 12 @apply(--cr-policy-indicator); |
12 } | 13 } |
13 | 14 |
14 paper-tooltip { | 15 paper-tooltip { |
15 --paper-tooltip: var(--cr-policy-tooltip); | 16 --paper-tooltip: var(--cr-policy-tooltip); |
16 } | 17 } |
17 </style> | 18 </style> |
18 <template> | 19 <template> |
19 <iron-icon id="indicator" tabindex="0" aria-label$="[[iconAriaLabel]]" | 20 <iron-icon id="indicator" tabindex="0" aria-label$="[[iconAriaLabel]]" |
20 aria-describedby="tooltip" hidden$="[[!indicatorVisible]]" | 21 aria-describedby="tooltip" hidden$="[[!indicatorVisible]]" |
21 icon="[[indicatorIcon]]"></iron-icon> | 22 icon="[[indicatorIcon]]"></iron-icon> |
22 <paper-tooltip id="tooltip" for="indicator" position="top" | 23 <paper-tooltip id="tooltip" for="indicator" position="top" |
23 fit-to-visible-bounds> | 24 fit-to-visible-bounds> |
24 [[indicatorTooltip]] | 25 [[indicatorTooltip]] |
25 </paper-tooltip> | 26 </paper-tooltip> |
26 </template> | 27 </template> |
27 <script src="cr_policy_pref_indicator.js"></script> | 28 <script src="cr_policy_pref_indicator.js"></script> |
28 </dom-module> | 29 </dom-module> |
OLD | NEW |