Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1109)

Side by Side Diff: chrome/browser/resources/md_user_manager/user_manager_tutorial.html

Issue 1944463002: MD User Manager: fixes accessibility issues (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@md-user-manager-user-pods-css
Patch Set: Addressed comment Created 4 years, 7 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
OLDNEW
1 <link rel="import" href="chrome://md-user-manager/shared_styles.html"> 1 <link rel="import" href="chrome://md-user-manager/shared_styles.html">
2 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
3 <link rel="import" href="chrome://resources/html/polymer.html"> 2 <link rel="import" href="chrome://resources/html/polymer.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml">
5 <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">
6 5
7 <dom-module id="user-manager-tutorial"> 6 <dom-module id="user-manager-tutorial">
8 <template> 7 <template>
9 <style include="shared-styles"> 8 <style include="shared-styles">
10 .tutorial-slide { 9 .tutorial-slide {
11 -webkit-transition: opacity 200ms ease-in-out; 10 -webkit-transition: opacity 200ms ease-in-out;
12 background-color: white; 11 background-color: white;
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after
163 left: 5px; 162 left: 5px;
164 right: auto; 163 right: auto;
165 } 164 }
166 </style> 165 </style>
167 <template is="dom-if" if="[[!hidden_]]"> 166 <template is="dom-if" if="[[!hidden_]]">
168 <template is="dom-if" 167 <template is="dom-if"
169 if="[[!isStepHidden_(currentStep_, steps_.YOUR_CHROME)]]"> 168 if="[[!isStepHidden_(currentStep_, steps_.YOUR_CHROME)]]">
170 <div class="tutorial-slide" id="[[steps_.YOUR_CHROME]]"> 169 <div class="tutorial-slide" id="[[steps_.YOUR_CHROME]]">
171 <div class="slide-image"></div> 170 <div class="slide-image"></div>
172 <div class="slide-contents"> 171 <div class="slide-contents">
173 <div class="slide-title">[[i18n('slideYourChromeTitle')]]</div> 172 <div class="slide-title">$i18n{slideYourChromeTitle}</div>
174 <div class="slide-text">[[i18n('slideYourChromeText')]]</div> 173 <div class="slide-text">$i18n{slideYourChromeText}</div>
175 </div> 174 </div>
176 <div class="slide-buttons"> 175 <div class="slide-buttons">
177 <paper-button on-tap="onNextTap_" data-next$="[[steps_.GUESTS]]"> 176 <paper-button on-tap="onNextTap_" data-next$="[[steps_.GUESTS]]">
178 [[i18n('tutorialNext')]] 177 $i18n{tutorialNext}
179 </paper-button> 178 </paper-button>
180 </div> 179 </div>
181 </div> 180 </div>
182 </template> 181 </template>
183 <template is="dom-if" 182 <template is="dom-if"
184 if="[[!isStepHidden_(currentStep_, steps_.GUESTS)]]"> 183 if="[[!isStepHidden_(currentStep_, steps_.GUESTS)]]">
185 <div class="tutorial-slide" id="[[steps_.GUESTS]]"> 184 <div class="tutorial-slide" id="[[steps_.GUESTS]]">
186 <div class="slide-image"></div> 185 <div class="slide-image"></div>
187 <div class="slide-contents"> 186 <div class="slide-contents">
188 <div class="slide-title">[[i18n('slideGuestsTitle')]]</div> 187 <div class="slide-title">$i18n{slideGuestsTitle}</div>
189 <div class="slide-text">[[i18n('slideGuestsText')]]</div> 188 <div class="slide-text">$i18n{slideGuestsText}</div>
190 </div> 189 </div>
191 <div class="slide-buttons"> 190 <div class="slide-buttons">
192 <paper-button on-tap="onNextTap_" data-next$="[[steps_.FRIENDS]]"> 191 <paper-button on-tap="onNextTap_" data-next$="[[steps_.FRIENDS]]">
193 [[i18n('tutorialNext')]] 192 $i18n{tutorialNext}
194 </paper-button> 193 </paper-button>
195 </div> 194 </div>
196 <div class="arrow-down"></div> 195 <div class="arrow-down"></div>
197 </div> 196 </div>
198 </template> 197 </template>
199 <template is="dom-if" 198 <template is="dom-if"
200 if="[[!isStepHidden_(currentStep_, steps_.FRIENDS)]]"> 199 if="[[!isStepHidden_(currentStep_, steps_.FRIENDS)]]">
201 <div class="tutorial-slide" id="[[steps_.FRIENDS]]"> 200 <div class="tutorial-slide" id="[[steps_.FRIENDS]]">
202 <div class="slide-image"></div> 201 <div class="slide-image"></div>
203 <div class="slide-contents"> 202 <div class="slide-contents">
204 <div class="slide-title">[[i18n('slideFriendsTitle')]]</div> 203 <div class="slide-title">$i18n{slideFriendsTitle}</div>
205 <div class="slide-text">[[i18n('slideFriendsText')]]</div> 204 <div class="slide-text">$i18n{slideFriendsText}</div>
206 </div> 205 </div>
207 <div class="slide-buttons"> 206 <div class="slide-buttons">
208 <paper-button on-tap="onNextTap_" data-next$="[[steps_.COMPLETE]]"> 207 <paper-button on-tap="onNextTap_" data-next$="[[steps_.COMPLETE]]">
209 [[i18n('tutorialNext')]] 208 $i18n{tutorialNext}
210 </paper-button> 209 </paper-button>
211 </div> 210 </div>
212 <div class="arrow-down"></div> 211 <div class="arrow-down"></div>
213 </div> 212 </div>
214 </template> 213 </template>
215 <template is="dom-if" 214 <template is="dom-if"
216 if="[[!isStepHidden_(currentStep_, steps_.COMPLETE)]]"> 215 if="[[!isStepHidden_(currentStep_, steps_.COMPLETE)]]">
217 <div class="tutorial-slide" id="[[steps_.COMPLETE]]"> 216 <div class="tutorial-slide" id="[[steps_.COMPLETE]]">
218 <div class="slide-image"></div> 217 <div class="slide-image"></div>
219 <div class="slide-contents"> 218 <div class="slide-contents">
220 <div class="slide-title">[[i18n('slideCompleteTitle')]]</div> 219 <div class="slide-title">$i18n{slideCompleteTitle}</div>
221 <div class="slide-text">[[i18n('slideCompleteText')]]</div> 220 <div class="slide-text">$i18n{slideCompleteText}</div>
222 </div> 221 </div>
223 <div class="slide-buttons"> 222 <div class="slide-buttons">
224 <paper-button on-tap="onNextTap_" data-next$="[[steps_.NOT_YOU]]"> 223 <paper-button on-tap="onNextTap_" data-next$="[[steps_.NOT_YOU]]">
225 [[i18n('tutorialDone')]] 224 $i18n{tutorialDone}
226 </paper-button> 225 </paper-button>
227 </div> 226 </div>
228 </div> 227 </div>
229 </template> 228 </template>
230 <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'notYou')]]"> 229 <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'notYou')]]">
231 <div class="tutorial-slide" id="notYou"> 230 <div class="tutorial-slide" id="notYou">
232 <iron-icon id="dismiss" icon="close" on-tap="onDissmissTap_"> 231 <iron-icon id="dismiss" icon="close" on-tap="onDissmissTap_">
233 </iron-icon> 232 </iron-icon>
234 <div class="slide-buttons"> 233 <div class="slide-buttons">
235 <div class="slide-text"> 234 <div class="slide-text">
236 [[i18n('slideCompleteUserNotFound')]] 235 $i18n{slideCompleteUserNotFound}
237 </div> 236 </div>
238 <div id="slide-add-user"> 237 <div id="slide-add-user">
239 <a id="addUser" is="action-link" on-tap="onAddUserTap_"> 238 <a id="addUser" is="action-link" on-tap="onAddUserTap_">
240 [[i18n('slideCompleteAddUser')]] 239 $i18n{slideCompleteAddUser}
241 </a> 240 </a>
242 </div> 241 </div>
243 </div> 242 </div>
244 <div class="arrow-down"></div> 243 <div class="arrow-down"></div>
245 </div> 244 </div>
246 </template> 245 </template>
247 </template> 246 </template>
248 </template> 247 </template>
249 <script src="chrome://md-user-manager/user_manager_tutorial.js"></script> 248 <script src="chrome://md-user-manager/user_manager_tutorial.js"></script>
250 </dom-module> 249 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698