Rename "managed (mode|user)" to "supervised user" (part 8)

chrome/browser/resources/chromeos/login/screen_supervised_user_creation.css

Index: chrome/browser/resources/chromeos/login/screen_supervised_user_creation.css
diff --git a/chrome/browser/resources/chromeos/login/screen_locally_managed_user_creation.css b/chrome/browser/resources/chromeos/login/screen_supervised_user_creation.css
similarity index 60%
rename from chrome/browser/resources/chromeos/login/screen_locally_managed_user_creation.css
rename to chrome/browser/resources/chromeos/login/screen_supervised_user_creation.css
index 20362af746b05763293762037ee793c8ea1afb5f..8dbca932f284823288551c58c79414d2744864ff 100644
--- a/chrome/browser/resources/chromeos/login/screen_locally_managed_user_creation.css
+++ b/chrome/browser/resources/chromeos/login/screen_supervised_user_creation.css
@@ -5,21 +5,21 @@
  * This is the stylesheet used by the Locally managed user creation flow screen.
  */
 
-#managed-user-creation {
+#supervised-user-creation {
   height: 609px; /* Same size as GAIA sign in screen.*/
   padding: 0 0;  /* Some screens have elements right next to borders. */
   width: 722px;
 }
 
-#managed-user-creation .step-contents {
+#supervised-user-creation .step-contents {
   height: 100%;
 }
 
-#managed-user-creation .nofocus:focus {
+#supervised-user-creation .nofocus:focus {
   outline: none;
 }
 
-#managed-user-creation .step-controls {
+#supervised-user-creation .step-controls {
   -webkit-padding-end: 20px;
   align-items: center;
   bottom: 20px;
@@ -27,35 +27,35 @@
   justify-content: space-between;
 }
 
-#managed-user-creation .controls-links {
+#supervised-user-creation .controls-links {
   align-items: center;
   display: flex;
   justify-content: flex-start;
 }
 
-#managed-user-creation .controls-buttons {
+#supervised-user-creation .controls-buttons {
   align-items: center;
   display: flex;
   justify-content: flex-end;
 }
 
-#managed-user-creation .logo-padded-text {
+#supervised-user-creation .logo-padded-text {
   padding: 0 17px 0;
 }
 
-#managed-user-creation .marketing {
+#supervised-user-creation .marketing {
   background-color: green;
   height: 344px;
 }
 
-#managed-user-creation .below-marketing {
+#supervised-user-creation .below-marketing {
   font-size: 12px;
   line-height: 18px;
   max-height: 184px;
   overflow-x: auto;
 }
 
-#managed-user-creation .button-link {
+#supervised-user-creation .button-link {
   font-size: small;
   padding: 0 20px;
 }
@@ -72,12 +72,12 @@
   background: #888;
 }
 
-#managed-user-creation .page-no-marketing {
+#supervised-user-creation .page-no-marketing {
   height: 470px;
   padding: 70px 17px 0;
 }
 
-#managed-user-creation .page-title {
+#supervised-user-creation .page-title {
   color: #000;
   font-size: 15px;
   line-height: 24px;
@@ -88,109 +88,109 @@
   font-weight: bold;
 }
 
-#managed-user-creation .page-title-explanation {
+#supervised-user-creation .page-title-explanation {
   color: rgb(150, 150, 150);
   font-size: 12px;
 }
 
-#managed-user-creation .page-title.inline {
+#supervised-user-creation .page-title.inline {
   -webkit-margin-end: 1ex;
   display: inline-block;
 }
 
-#managed-user-creation .page-title-explanation.inline {
+#supervised-user-creation .page-title-explanation.inline {
   display: inline;
 }
 
-#managed-user-creation .page-title.centred {
+#supervised-user-creation .page-title.centred {
   text-align: center;
 }
 
-#managed-user-creation .page-title-explanation.centred {
+#supervised-user-creation .page-title-explanation.centred {
   text-align: center;
 }
 
-#managed-user-creation-intro-title {
+#supervised-user-creation-intro-title {
   font-size: x-large;
   text-align: center;
 }
 
-#managed-user-creation-intro-placeholder {
+#supervised-user-creation-intro-placeholder {
   background-color: gray;
   font-size: x-large;
   height: 150px;
   text-align: center;
 }
 
-#managed-user-creation-intro .below-marketing {
+#supervised-user-creation-intro .below-marketing {
   margin: 20px 21px 2px 40px;
 }
 
-#managed-user-creation-intro-alternate-text {
+#supervised-user-creation-intro-alternate-text {
   margin-bottom: 12px;
   margin-top: 12px;
 }
 
-#managed-user-creation-intro-text-3 {
+#supervised-user-creation-intro-text-3 {
   margin-top: 12px;
 }
 
-#managed-user-creation-created .below-marketing {
+#supervised-user-creation-created .below-marketing {
   margin: 20px 40px 0;
 }
 
-#managed-user-creation-created-text-1 {
+#supervised-user-creation-created-text-1 {
   max-width: 600px;
   word-wrap: break-word;
 }
 
-#managed-user-creation-created-text-2 {
+#supervised-user-creation-created-text-2 {
   margin-top: 20px;
   max-width: 600px;
   word-wrap: break-word;
 }
 
-#managed-user-creation-created-text-3 {
+#supervised-user-creation-created-text-3 {
   margin-top: 20px;
 }
 
-#managed-user-creation-password-block,
-#managed-user-creation-password-title {
+#supervised-user-creation-password-block,
+#supervised-user-creation-password-title {
   margin-top: 10px;
 }
 
-#managed-user-creation-name-block {
+#supervised-user-creation-name-block {
   margin-bottom: 20px;
   margin-top: 10px;
 }
 
-input.managed-user-creation-manager-password,
-#managed-user-creation-name,
-#managed-user-creation-password {
+input.supervised-user-creation-manager-password,
+#supervised-user-creation-name,
+#supervised-user-creation-password {
   padding: 4px 6px;
 }
-#managed-user-creation-password-confirm {
+#supervised-user-creation-password-confirm {
   margin-top: 12px;
   padding: 4px 6px;
 }
 
-#managed-user-creation-name-error {
+#supervised-user-creation-name-error {
   visibility: hidden;
 }
 
-#managed-user-creation-name-error.error {
+#supervised-user-creation-name-error.error {
   color: rgb(207, 93, 70);
   padding-left: 28px;
   visibility: visible;
 }
 
-#managed-user-creation-managers-block {
-  -webkit-flex-direction: column;
-  display: -webkit-flex;
+#supervised-user-creation-managers-block {
+  display: flex;
+  flex-direction: column;
   height: 100%;
 }
 
-#managed-user-creation-managers-pane {
+#supervised-user-creation-managers-pane {
   border: 1px solid #c8c8c8;
   height: 100%;
   margin-top: 20px;
@@ -201,20 +201,20 @@ input.managed-user-creation-manager-password,
 /* This class will be set for elements with hide-on-import class by JS when
  * page is used in 'import' mode
  */
-#managed-user-creation .hidden-on-import {
+#supervised-user-creation .hidden-on-import {
   display: none;
 }
 
-#managed-user-creation-error {
+#supervised-user-creation-error {
   padding: 175px 120px 0;
   text-align: center;
 }
 
-#managed-user-creation-error .error-icon {
+#supervised-user-creation-error .error-icon {
   -webkit-margin-after: 50px;
 }
 
-#managed-user-creation-error  .error-message-paragraph {
+#supervised-user-creation-error  .error-message-paragraph {
   -webkit-margin-after: 40px;
   -webkit-margin-before: 30px;
 }
@@ -257,25 +257,25 @@ input.managed-user-creation-manager-password,
   width: 646px;
 }
 
-.manager-pod .managed-user-creation-manager-info-block {
+.manager-pod .supervised-user-creation-manager-info-block {
   float: left;
   min-height: 32px;
 }
 
-.manager-pod .managed-user-creation-manager-image {
+.manager-pod .supervised-user-creation-manager-image {
   border: 1px solid gray;
   display: inline-block;
   height: 30px;
   width: 30px;
 }
 
-.manager-pod .managed-user-creation-manager-info {
+.manager-pod .supervised-user-creation-manager-info {
   display: inline-block;
   margin: 0 8px;
   min-height: 32px;
 }
 
-.manager-pod .managed-user-creation-manager-info-text {
+.manager-pod .supervised-user-creation-manager-info-text {
   display: inline-block;
   min-height: 32px;
   vertical-align: top;
@@ -285,35 +285,35 @@ input.managed-user-creation-manager-password,
   float: right;
 }
 
-.manager-pod .managed-user-creation-manager-email {
+.manager-pod .supervised-user-creation-manager-email {
   color: #666;
   font-size: small;
   max-height: 16px;
 }
 
-.manager-pod .managed-user-creation-manager-name {
+.manager-pod .supervised-user-creation-manager-name {
   color: #000;
   font-size: small;
   max-height: 16px;
 }
 
-#managed-user-creation-status {
+#supervised-user-creation-status {
   margin: 4px 10px;
 }
 
-#managed-user-creation-status .error {
+#supervised-user-creation-status .error {
   color: rgb(207, 93, 70);
 }
 
-#managed-user-creation-status .spinner-wrapper {
+#supervised-user-creation-status .spinner-wrapper {
   -webkit-margin-start: 3px;
-  display: -webkit-inline-box;
+  display: inline-flex;
   margin-top: 3px;
   vertical-align: top;
 }
 
-#managed-user-creation-status .id-text {
-  display: -webkit-inline-box;
+#supervised-user-creation-status .id-text {
+  display: inline-flex;
   margin-top: 1px;
   max-width: 480px;
   vertical-align: baseline;
@@ -334,37 +334,37 @@ input.managed-user-creation-manager-password,
   opacity: 1;
 }
 
-.manager-pod.focused .managed-user-creation-manager-email {
+.manager-pod.focused .supervised-user-creation-manager-email {
   color: #fff;
 }
 
-.manager-pod.focused .managed-user-creation-manager-name {
+.manager-pod.focused .supervised-user-creation-manager-name {
   color: #fff;
 }
 
-#managed-user-creation-import-pane {
+#supervised-user-creation-import-pane {
   border: 1px solid #c8c8c8;
   height: 400px;
   overflow-x: hidden;
   overflow-y: auto;
 }
 
-#managed-user-creation-import .page-title-explanation {
+#supervised-user-creation-import .page-title-explanation {
   padding-bottom: 10px;
   padding-top: 6px;
 }
 
 .manager-pod .password-error,
-#managed-user-creation .password-error,
-#managed-user-creation .duplicate-name {
+#supervised-user-creation .password-error,
+#supervised-user-creation .duplicate-name {
   border: 1px solid red !important;
 }
 
-#managed-user-creation-image-picker {
+#supervised-user-creation-image-picker {
   margin-top: 16px;
 }
 
-#managed-user-creation-image-grid {
+#supervised-user-creation-image-grid {
   -webkit-user-drag: none;
   -webkit-user-select: none;
   display: inline-block;
@@ -376,14 +376,14 @@ input.managed-user-creation-manager-password,
   width: 400px;
 }
 
-#managed-user-creation-image-grid img {
+#supervised-user-creation-image-grid img {
   background-color: white;
   height: 50px;
   vertical-align: middle;
   width: 50px;
 }
 
-#managed-user-creation-image-grid > li {
+#supervised-user-creation-image-grid > li {
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   display: inline-block;
@@ -391,58 +391,58 @@ input.managed-user-creation-manager-password,
   padding: 3px;
 }
 
-#managed-user-creation-image-grid [selected] {
+#supervised-user-creation-image-grid [selected] {
   border: 2px solid rgb(0, 102, 204);
   padding: 2px;
 }
 
-#managed-user-creation-image-preview {
+#supervised-user-creation-image-preview {
   float: right;
   margin: 4px;
   max-width: 220px;
   position: relative;
 }
 
-html[dir=rtl] #managed-user-creation-image-preview {
+html[dir=rtl] #supervised-user-creation-image-preview {
   float: left;
 }
 
-#managed-user-creation-image-preview-img {
+#supervised-user-creation-image-preview-img {
   display: block;
   max-height: 220px;
   max-width: 220px;
 }
 
-#managed-user-creation-image-preview-img.animated-transform {
+#supervised-user-creation-image-preview-img.animated-transform {
   -webkit-transition: -webkit-transform 200ms linear;
 }
 
-.camera.live #managed-user-creation-image-preview-img {
+.camera.live #supervised-user-creation-image-preview-img {
   display: none;
 }
 
-.camera.flip-x #managed-user-creation-image-preview-img {
+.camera.flip-x #supervised-user-creation-image-preview-img {
   -webkit-transform: rotateY(180deg);
 }
 
-.default-image #managed-user-creation-image-preview-img {
+.default-image #supervised-user-creation-image-preview-img {
   background: white;
   border: solid 1px #cacaca;
   border-radius: 4px;
   padding: 2px;
 }
 
-.managed-user-creation-image-stream-area {
+.supervised-user-creation-image-stream-area {
   display: none;
   padding: 0;
   position: relative;
 }
 
-.camera.live .managed-user-creation-image-stream-area {
+.camera.live .supervised-user-creation-image-stream-area {
   display: block;
 }
 
-#managed-user-creation-image-stream-crop {
+#supervised-user-creation-image-stream-crop {
   -webkit-transition: -webkit-transform 200ms linear;
   height: 220px;
   overflow: hidden;
@@ -450,11 +450,11 @@ html[dir=rtl] #managed-user-creation-image-preview {
   width: 220px;
 }
 
-.flip-x #managed-user-creation-image-stream-crop {
+.flip-x #supervised-user-creation-image-stream-crop {
   -webkit-transform: rotateY(180deg);
 }
 
-.managed-user-creation-image-stream {
+.supervised-user-creation-image-stream {
   border: solid 1px #cacaca;
   height: 220px;
   /* Center image for 4:3 aspect ratio. */
@@ -463,21 +463,21 @@ html[dir=rtl] #managed-user-creation-image-preview {
   visibility: hidden;
 }
 
-.online .managed-user-creation-image-stream {
+.online .supervised-user-creation-image-stream {
   visibility: visible;
 }
 
-#managed-user-creation-image-preview-caption {
+#supervised-user-creation-image-preview-caption {
   color: dimGray;
   font-size: smaller;
   margin: 8px 4px;
 }
 
-.camera #managed-user-creation-image-preview-caption {
+.camera #supervised-user-creation-image-preview-caption {
   display: none;
 }
 
-#managed-user-creation-flip-photo {
+#supervised-user-creation-flip-photo {
   -webkit-transition: opacity 75ms linear;
   background: url('chrome://theme/IDR_MIRROR_FLIP') no-repeat;
   border: none;
@@ -495,19 +495,19 @@ html[dir=rtl] #managed-user-creation-image-preview {
   -webkit-transform: translateZ(1px);
 }
 
-html[dir=rtl] #managed-user-creation-flip-photo {
+html[dir=rtl] #supervised-user-creation-flip-photo {
   left: 8px;
   right: auto;
 }
 
 /* "Flip photo" button is hidden during flip animation. */
-.camera.online:not(.animation) #managed-user-creation-flip-photo,
-.camera.phototaken:not(.animation) #managed-user-creation-flip-photo {
+.camera.online:not(.animation) #supervised-user-creation-flip-photo,
+.camera.phototaken:not(.animation) #supervised-user-creation-flip-photo {
   opacity: 0.75;
 }
 
-#managed-user-creation-discard-photo,
-#managed-user-creation-take-photo {
+#supervised-user-creation-discard-photo,
+#supervised-user-creation-take-photo {
   display: none;
   height: 25px;
   margin: 4px 1px;
@@ -515,19 +515,19 @@ html[dir=rtl] #managed-user-creation-flip-photo {
   width: 220px;
 }
 
-.camera:not(.live) #managed-user-creation-discard-photo {
+.camera:not(.live) #supervised-user-creation-discard-photo {
   background: url('chrome://theme/IDR_USER_IMAGE_RECYCLE')
       no-repeat center center;
   display: block;
 }
 
-.camera.live.online #managed-user-creation-take-photo {
+.camera.live.online #supervised-user-creation-take-photo {
   background: url('chrome://theme/IDR_USER_IMAGE_CAPTURE')
       no-repeat center -1px;
   display: block;
 }
 
-#managed-user-creation-image-preview .perspective-box {
+#supervised-user-creation-image-preview .perspective-box {
   -webkit-perspective: 600px;
    border: solid 1px #cacaca;
    border-radius: 4px;
@@ -535,7 +535,7 @@ html[dir=rtl] #managed-user-creation-flip-photo {
    width: 220px;
 }
 
-.managed-user-creation-image-stream-area .spinner {
+.supervised-user-creation-image-stream-area .spinner {
   display: none;
   height: 44px;
   left: 50%;
@@ -546,6 +546,6 @@ html[dir=rtl] #managed-user-creation-flip-photo {
   width: 44px;
 }
 
-.camera.live:not(.online) .managed-user-creation-image-stream-area .spinner {
+.camera.live:not(.online) .supervised-user-creation-image-stream-area .spinner {
   display: block;
 }