Issue 501916 : Add data type counts to profile deletion flow

ui/login/account_picker/user_pod_row.css

Index: ui/login/account_picker/user_pod_row.css
diff --git a/ui/login/account_picker/user_pod_row.css b/ui/login/account_picker/user_pod_row.css
index 13d9c948c1237509a2e5d90ff60f56413b0dca98..f8ff6754873978004b2a969c87931999b34f7100 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -544,11 +544,33 @@ html[dir=rtl] .action-box-area.active ~ .action-box-menu {
   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%;
 }