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/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11
y-keys.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11
y-keys.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> |
6 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.
html"> | 6 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.
html"> |
7 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> | 7 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> |
8 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicat
or.html"> | 8 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicat
or.html"> |
9 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network
_behavior.html"> | 9 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network
_behavior.html"> |
10 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 10 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
(...skipping 27 matching lines...) Expand all Loading... |
38 #networkStateText { | 38 #networkStateText { |
39 color: var(--paper-grey-600); | 39 color: var(--paper-grey-600); |
40 font-size: inherit; | 40 font-size: inherit; |
41 font-weight: 400; | 41 font-weight: 400; |
42 } | 42 } |
43 | 43 |
44 #networkStateText[connected] { | 44 #networkStateText[connected] { |
45 color: var(--google-green-500); | 45 color: var(--google-green-500); |
46 } | 46 } |
47 | 47 |
48 #subpageDiv { | |
49 -webkit-border-start: var(--cr-separator-line); | |
50 -webkit-padding-start: 20px; | |
51 } | |
52 | |
53 :host-context([dir=rtl]) #subpageDiv > button { | |
54 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ | |
55 } | |
56 | |
57 iron-icon { | 48 iron-icon { |
58 height: 24px; | 49 height: 24px; |
59 width: 24px; | 50 width: 24px; |
60 } | 51 } |
61 | 52 |
62 cr-policy-indicator { | 53 cr-policy-indicator { |
63 padding: 0 var(--cr-controlled-by-spacing); | 54 padding: 0 var(--cr-controlled-by-spacing); |
64 } | 55 } |
65 </style> | 56 </style> |
66 <div id="divOuter" | 57 <div id="divOuter" |
(...skipping 13 matching lines...) Expand all Loading... |
80 [[getNetworkStateText_(networkState)]] | 71 [[getNetworkStateText_(networkState)]] |
81 </div> | 72 </div> |
82 </div> | 73 </div> |
83 <template is="dom-if" if="[[isPolicySource(networkState.Source)]]"> | 74 <template is="dom-if" if="[[isPolicySource(networkState.Source)]]"> |
84 <cr-policy-indicator | 75 <cr-policy-indicator |
85 indicator-type="[[getIndicatorTypeForSource(networkState.Source)]]"> | 76 indicator-type="[[getIndicatorTypeForSource(networkState.Source)]]"> |
86 </cr-policy-indicator> | 77 </cr-policy-indicator> |
87 </template> | 78 </template> |
88 <template is="dom-if" | 79 <template is="dom-if" |
89 if="[[isSubpageButtonVisible_(networkState, showButtons)]]"> | 80 if="[[isSubpageButtonVisible_(networkState, showButtons)]]"> |
90 <div id="subpageDiv" class="layout horizontal"> | 81 <!-- iron-list captures 'enter' so handle it here explicitly. --> |
91 <!-- iron-list captures 'enter' so handle it here explicitly. --> | 82 <iron-a11y-keys keys="enter" on-keys-pressed="fireShowDetails_"> |
92 <iron-a11y-keys keys="enter" on-keys-pressed="fireShowDetails_"> | 83 </iron-a11y-keys> |
93 </iron-a11y-keys> | 84 <button class="subpage-arrow" is="paper-icon-button-light" |
94 <button class="subpage-arrow" is="paper-icon-button-light" | 85 on-tap="fireShowDetails_" tabindex$="[[tabindex]]" |
95 on-tap="fireShowDetails_" tabindex$="[[tabindex]]" | 86 aria-label$="[[ariaLabel]]"> |
96 aria-label$="[[ariaLabel]]"> | 87 </button> |
97 </button> | |
98 </div> | |
99 </template> | 88 </template> |
100 </div> | 89 </div> |
101 </template> | 90 </template> |
102 <script src="cr_network_list_item.js"></script> | 91 <script src="cr_network_list_item.js"></script> |
103 </dom-module> | 92 </dom-module> |
OLD | NEW |