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

Side by Side Diff: ui/login/account_picker/user_pod_row.js

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: js Created 4 years 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 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * @fileoverview User pod row implementation. 6 * @fileoverview User pod row implementation.
7 */ 7 */
8 8
9 cr.define('login', function() { 9 cr.define('login', function() {
10 /** 10 /**
(...skipping 2003 matching lines...) Expand 10 before | Expand all | Expand 10 after
2014 if (this.querySelector('.language-select').multipleRecommendedLocales) 2014 if (this.querySelector('.language-select').multipleRecommendedLocales)
2015 this.classList.add('advanced'); 2015 this.classList.add('advanced');
2016 this.usualLeft = this.left; 2016 this.usualLeft = this.left;
2017 this.makeSpaceForExpandedPod_(); 2017 this.makeSpaceForExpandedPod_();
2018 } else if (typeof(this.usualLeft) != 'undefined') { 2018 } else if (typeof(this.usualLeft) != 'undefined') {
2019 this.left = this.usualLeft; 2019 this.left = this.usualLeft;
2020 } 2020 }
2021 2021
2022 var self = this; 2022 var self = this;
2023 this.classList.add('animating'); 2023 this.classList.add('animating');
2024 this.addEventListener('webkitTransitionEnd', function f(e) { 2024 this.addEventListener('transitionend', function f(e) {
2025 self.removeEventListener('webkitTransitionEnd', f); 2025 self.removeEventListener('transitionend', f);
2026 self.classList.remove('animating'); 2026 self.classList.remove('animating');
2027 2027
2028 // Accessibility focus indicator does not move with the focused 2028 // Accessibility focus indicator does not move with the focused
2029 // element. Sends a 'focus' event on the currently focused element 2029 // element. Sends a 'focus' event on the currently focused element
2030 // so that accessibility focus indicator updates its location. 2030 // so that accessibility focus indicator updates its location.
2031 if (document.activeElement) 2031 if (document.activeElement)
2032 document.activeElement.dispatchEvent(new Event('focus')); 2032 document.activeElement.dispatchEvent(new Event('focus'));
2033 }); 2033 });
2034 // Guard timer set to animation duration + 20ms. 2034 // Guard timer set to animation duration + 20ms.
2035 ensureTransitionEndEvent(this, 200); 2035 ensureTransitionEndEvent(this, 200);
(...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after
2228 * Transition the expanded pod from the basic to the advanced view. 2228 * Transition the expanded pod from the basic to the advanced view.
2229 */ 2229 */
2230 transitionToAdvanced_: function() { 2230 transitionToAdvanced_: function() {
2231 var pod = this; 2231 var pod = this;
2232 var languageAndInputSection = 2232 var languageAndInputSection =
2233 this.querySelector('.language-and-input-section'); 2233 this.querySelector('.language-and-input-section');
2234 this.classList.add('transitioning-to-advanced'); 2234 this.classList.add('transitioning-to-advanced');
2235 setTimeout(function() { 2235 setTimeout(function() {
2236 pod.classList.add('advanced'); 2236 pod.classList.add('advanced');
2237 pod.makeSpaceForExpandedPod_(); 2237 pod.makeSpaceForExpandedPod_();
2238 languageAndInputSection.addEventListener('webkitTransitionEnd', 2238 languageAndInputSection.addEventListener('transitionend',
2239 function observer() { 2239 function observer() {
2240 languageAndInputSection.removeEventListener('webkitTransitionEnd', 2240 languageAndInputSection.removeEventListener('transitionend',
2241 observer); 2241 observer);
2242 pod.classList.remove('transitioning-to-advanced'); 2242 pod.classList.remove('transitioning-to-advanced');
2243 pod.querySelector('.language-select').focus(); 2243 pod.querySelector('.language-select').focus();
2244 }); 2244 });
2245 // Guard timer set to animation duration + 20ms. 2245 // Guard timer set to animation duration + 20ms.
2246 ensureTransitionEndEvent(languageAndInputSection, 380); 2246 ensureTransitionEndEvent(languageAndInputSection, 380);
2247 }, 0); 2247 }, 0);
2248 }, 2248 },
2249 2249
2250 /** 2250 /**
(...skipping 1402 matching lines...) Expand 10 before | Expand all | Expand 10 after
3653 setTimeout(function() { 3653 setTimeout(function() {
3654 Oobe.getInstance().toggleClass('flying-pods', true); 3654 Oobe.getInstance().toggleClass('flying-pods', true);
3655 if (focusedPod) 3655 if (focusedPod)
3656 ensureTransitionEndEvent(focusedPod); 3656 ensureTransitionEndEvent(focusedPod);
3657 }, 0); 3657 }, 0);
3658 3658
3659 // Force input focus for user pod on show and once transition ends. 3659 // Force input focus for user pod on show and once transition ends.
3660 if (focusedPod) { 3660 if (focusedPod) {
3661 var screen = this.parentNode; 3661 var screen = this.parentNode;
3662 var self = this; 3662 var self = this;
3663 focusedPod.addEventListener('webkitTransitionEnd', function f(e) { 3663 focusedPod.addEventListener('transitionend', function f(e) {
3664 focusedPod.removeEventListener('webkitTransitionEnd', f); 3664 focusedPod.removeEventListener('transitionend', f);
3665 focusedPod.reset(true); 3665 focusedPod.reset(true);
3666 // Notify screen that it is ready. 3666 // Notify screen that it is ready.
3667 screen.onShow(); 3667 screen.onShow();
3668 }); 3668 });
3669 } 3669 }
3670 }, 3670 },
3671 3671
3672 /** 3672 /**
3673 * Called right before the pod row is shown. 3673 * Called right before the pod row is shown.
3674 */ 3674 */
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
3725 if (pod && pod.multiProfilesPolicyApplied) { 3725 if (pod && pod.multiProfilesPolicyApplied) {
3726 pod.userTypeBubbleElement.classList.remove('bubble-shown'); 3726 pod.userTypeBubbleElement.classList.remove('bubble-shown');
3727 } 3727 }
3728 } 3728 }
3729 }; 3729 };
3730 3730
3731 return { 3731 return {
3732 PodRow: PodRow 3732 PodRow: PodRow
3733 }; 3733 };
3734 }); 3734 });
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698