Issue 501916 : Add data type counts to profile deletion flow

ui/login/account_picker/user_pod_row.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  *
  * This is the stylesheet used by user pods row of account picker UI.
  */
 
 podrow {
   /* Temporarily disabled because animation interferes with updating screen's
    size. */
@@ skipping 526 matching lines @@
   background-color: #f3f3f3;
 }
 
 .action-box-remove-user-warning {
   border-top: 1px solid lightgray;
   font-size: 12px;
   line-height: 18px;
   padding: 20px;
 }
 
-.action-box-remove-user-warning-text,
+.action-box-remove-user-warning-text-nostats,
+.action-box-remove-user-warning-text-nonsync,
+.action-box-remove-user-warning-table-nonsync,
+.action-box-remove-user-warning-text-sync,
+.action-box-remove-user-warning-text-sync2,

[msramek, 2015/07/29 13:55:01]

Use more informative name than "sync2".

[lwchkg, 2015/07/29 14:46:05]

Okay. I'll try "sync-part1" and "sync-part2"

Anyway should I just select
.action-box-remove-user-warning > div,
.action-box-remove-user-warning > table
instead for the css?

[msramek, 2015/07/29 18:10:25]

I would actually leave the first one, but name the other something like
"action-box-remove-user-manage-link". Those strings are not just two parts of
one sentence or paragraph; they have different purposes and that should be
captured in the name.

And yes, you can use

.action-box-remove-user-warning > div.

If the reason for styling is that those are divs inside
.action-box-remove-user-warning, I don't see the necessity to name them all.

[lwchkg, 2015/07/30 17:07:19]

Actually the divs are also used in the javascript to set the content of the text
and to make some of the contents hidden.

 .action-box-remove-legacy-supervised-user-warning-text {
   padding-bottom: 20px;
 }
 
+.total-count {
+  font-weight: bold;
+}
+
+.action-box-remove-user-warning-table-nonsync {
+  border-spacing: 0;
+  width: 100%;
+}
+
+.action-box-remove-user-warning-table td {
+  padding: 0;
+}
+
+.action-box-remove-user-warning-table-numbers {
+  color: #b4b4b4;
+  text-align: end;
+}
+
 .action-box-remove-user-warning .remove-warning-button {
   width: 100%;
 }
 
 .user-type-bubble {
   background-color: white;
   border: 1px solid lightgray;
   border-radius: 2px;
   left: 5px;
   opacity: 0;
@@ skipping 220 matching lines @@
   -webkit-animation: ellipsis-component2 1.5s infinite;
 }
 
 @-webkit-keyframes ellipsis-component2 {
   0% { opacity: 0; }
   25% { opacity: 0; }
   50% { opacity: 0; }
   75% { opacity: 1; }
   100% { opacity: 0; }
 }