Polish SAML auth frame.

Added shadow for frame's header and centered the tittle. BUG=487871 Review URL: https://codereview.chromium.org/1442733003 Cr-Commit-Position: refs/heads/master@{#359501}
hylschwy · Nov 13, 2015 · 6592c08 · 6592c08
1 parent bc4d25d
commit 6592c08
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/chrome/app/chromeos_strings.grdp b/chrome/app/chromeos_strings.grdp
@@ -1569,7 +1569,7 @@ Press any key to continue exploring.
     Previous password
   </message>
   <message name="IDS_LOGIN_SAML_NOTICE" desc="Text message displayed above SAML portal to early indicate that the user is being redirected to another sign-in provider. This is the version of the string used in the GAIA flow.">
-    This sign-in service is hosted by <ph name="SAML_DOMAIN">$1<ex>saml.com</ex></ph>.
+    This sign-in service is hosted by <ph name="SAML_DOMAIN">$1<ex>saml.com</ex></ph>
   </message>
   <message name="IDS_LOGIN_CONFIRM_PASSWORD_TITLE" desc="Title for the confirm password dialog.">
     Please re-enter your password to update your <ph name="DEVICE_TYPE">$1<ex>Chromebook</ex></ph> profile.

diff --git a/chrome/browser/resources/chromeos/login/oobe_screen_oauth_enrollment.css b/chrome/browser/resources/chromeos/login/oobe_screen_oauth_enrollment.css
@@ -10,7 +10,7 @@
 }
 
 #oauth-enrollment.saml {
-  padding-top: 47px;
+  padding-top: 44px;
   width: 562px;
 }
 
@@ -77,12 +77,15 @@
 }
 
 #oauth-saml-notice-container {
-  -webkit-margin-start: 19px;
+  align-items: center;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
+  display: flex;
+  height: 44px;
+  justify-content: center;
   left: 0;
   position: absolute;
   right: 0;
-  text-align: start;
-  top: 15px;
+  top: 0;
 }
 
 #oauth-enrollment:not(.saml) #oauth-saml-notice-container {
@@ -92,7 +95,6 @@
 #oauth-saml-notice-message {
   color: rgb(106, 106, 106);
   font-size: 13px;
-  margin: 0 auto;
 }
 
 #oauth-enroll-attribute-prompt-message {

diff --git a/chrome/browser/resources/chromeos/login/screen_gaia_signin.css b/chrome/browser/resources/chromeos/login/screen_gaia_signin.css
@@ -9,7 +9,7 @@
 }
 
 #gaia-signin.full-width {
-  padding: 47px 0 0;
+  padding: 44px 0 0;
   width: 562px;
 }
 
@@ -55,19 +55,20 @@
 }
 
 #saml-notice-container {
-  -webkit-margin-start: 19px;
+  align-items: center;
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.17);
+  display: flex;
+  height: 44px;
+  justify-content: center;
   left: 0;
   position: absolute;
   right: 0;
-  text-align: center;
-  text-align: start;
-  top: 15px;
+  top: 0;
 }
 
 #saml-notice-message {
   color: rgb(106, 106, 106);
   font-size: 13px;
-  margin: 0 auto;
 }
 
 #gaia-whitelist-error {