ChromeOS: Implement EULA screen of material design OOBE.

ui/login/screen_container.css

Index: ui/login/screen_container.css
diff --git a/ui/login/screen_container.css b/ui/login/screen_container.css
index 3825817d6fed50a70ff4a5baacd94535bd03e4d9..ea5439cea1a092bc04e9b9dc3467524611ffceeb 100644
--- a/ui/login/screen_container.css
+++ b/ui/login/screen_container.css
@@ -62,14 +62,18 @@
   pointer-events: none;
 }
 
+
+#oobe[md-mode] #progress-dots {
+  display: none;
+}

[michaelpg, 2016/08/17 00:24:44]

nit: newline after block

[Alexander Alekseev, 2016/08/17 01:10:45]

Done.

 /* Screens that have a border and background. */
 #oobe.auto-enrollment-check #inner-container,
 #oobe.autolaunch #inner-container,
 #oobe.confirm-password #inner-container,
-#oobe.connect #inner-container,
+#oobe:not([md-mode]).connect #inner-container,
 #oobe.debugging #inner-container,
 #oobe.enrollment #inner-container,
-#oobe.eula #inner-container,
+#oobe:not([md-mode]).eula #inner-container,
 #oobe.fatal-error #inner-container,
 #oobe.gaia-signin #inner-container,
 #oobe.hid-detection #inner-container,
@@ -107,13 +111,17 @@
   transform: translateY(50px) rotateX(-2.5deg);
 }
 
-#step-logo {
+#oobe:not([md-mode]) #step-logo {
   -webkit-margin-start: 17px;
   display: -webkit-box;
   position: absolute;
   top: 15px;
 }
 
+#oobe[md-mode] #step-logo {
+  visibility:hidden;

[michaelpg, 2016/08/17 00:24:44]

nit: space after :

[Alexander Alekseev, 2016/08/17 01:10:45]

Done.

+}
+
 #progress-dots {
   -webkit-box-pack: center;
   -webkit-transition: opacity 200ms ease-in-out,
@@ -122,6 +130,10 @@
   margin-top: 15px;
 }
 
+#oobe[md-mode] #progress-dots {
+  display: none;
+}
+
 /* Hidden for the duration of initial transition. */
 .oobe-display #progress-dots.down {
   visibility: hidden;