ChromeOS Gaia: Fixed slide-from-right transitions for rtl languages.

chrome/browser/resources/chromeos/login/offline_gaia.html

 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/polymer/layout.html">
 <link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html">
 <link rel="import" href="chrome://resources/polymer/core-animated-pages/transitions/slide-from-right.html">
 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/paper-dialog/paper-action-dialog.html">
 
 <!--
   Offline UI for the New Gaia flow.
   Contains two cards with a slide transition between them:
@@ skipping 23 matching lines @@
                  entered password is incorrect.
 -->
 <polymer-element name="offline-gaia" vertical layout
     attributes="enterpriseInfo emailDomain">
   <template>
     <link rel="stylesheet" href="offline_gaia.css">
     <gaia-core-icon-button id="backButton" icon="arrow-back"
         on-tap="{{onBack}}">
     </gaia-core-icon-button>
     <core-animated-pages id="animatedPages" transitions="slide-from-right"
+        valueattr="id"
         on-core-animated-pages-transition-end="{{onTransitionEnd}}" flex>
-      <section flex>
+      <section flex id="emailSection">
         <gaia-card>
           <div class="header" flex vertical layout end-justified start>
             <h1 class="welcome-message" i18n-content="offlineLoginWelcome"></h1>
             <p class="enterprise-info"  hidden?="{{!enterpriseInfo}}">
               {{enterpriseInfo}}
             </p>
           </div>
           <div class="footer" flex vertical layout justified>
             <gaia-input-form id="emailInput" inputType="email"
                 emailDomain="{{emailDomain}}"
                 i18n-values="errorMsg:offlineLoginInvalidEmail;
                              inputLabel:offlineLoginEmail;
                              buttonText:offlineLoginNextBtn">
             </gaia-input-form>
             <img self-center src="chrome://theme/IDR_LOGO_GOOGLE_COLOR_90"
                 alt="">
           </div>
         </gaia-card>
       </section>
-      <section flex>
+      <section flex id="passwordSection">
         <gaia-card>
           <gaia-header class="header" id="passwordHeader">
           </gaia-header>
           <gaia-input-form id="passwordInput" class="footer"
               inputType="password"
               i18n-values="errorMsg:offlineLoginInvalidPassword;
                            inputLabel:offlineLoginPassword;
                            buttonText:offlineLoginNextBtn">
             <gaia-paper-button noink class="link-button"
                 i18n-content="offlineLoginForgotPasswordBtn"
                 on-tap="{{onForgotPasswordClicked}}">
             </gaia-paper-button>
             <paper-action-dialog id="forgotPasswordDlg" autoCloseDisabled
                 backdrop on-keydown="{{onKeyDownOnDialog}}">
               <p i18n-content="offlineLoginForgotPasswordDlg"></p>
               <gaia-paper-button id="dialogCloseBtn" affirmative autofocus
                   i18n-content="offlineLoginCloseBtn">
               </gaia-paper-button>
             </paper-action-dialog>
           </gaia-input-form>
         </gaia-card>
       </section>
     </core-animated-pages>
   </template>
 </polymer-element>