[Chrome OS MD] Draw a 1px separator between 2 tray items

ash/common/system/tray/tray_constants.cc

Index: ash/common/system/tray/tray_constants.cc
diff --git a/ash/common/system/tray/tray_constants.cc b/ash/common/system/tray/tray_constants.cc
index 2638cfe55bcda3f5c1a6dbcb0604b6539de15031..87c95c1ae58f51c5c86196f7d1c76dc36c327112 100644
--- a/ash/common/system/tray/tray_constants.cc
+++ b/ash/common/system/tray/tray_constants.cc
@@ -84,10 +84,14 @@ const SkColor kTrayIconColor = SK_ColorWHITE;
 const int kMenuIconSize = 20;
 const SkColor kMenuIconColor = SkColorSetRGB(0x5A, 0x5A, 0x5A);
 
+const int kHitRegionPadding = 4;
+const SkColor kSeparatorColor = SkColorSetA(SK_ColorWHITE, 0x29);

[varkha, 2016/07/14 21:34:48]

Opacity seems quite low (16%?) so it is barely visible on black background on
hi-dpi screens. I may want to look at it on a device.

[yiyix, 2016/07/26 20:27:31]

The spec is changed to 0.24 instead. ref:
https://folio.googleplex.com/cros-core-ui/spec#%2F1.1%20-%20Shelf%20general%2...

+const int kSeparatorWidth = 1;
+
 int GetTrayConstant(TrayConstant constant) {
   const int kTrayItemHeightLegacy[] = {38, 38, kTrayItemSize};
-  const int kTraySpacing[] = {4, 4, 8};
-  const int kTrayPaddingFromEdgeOfShelf[] = {3, 3, 8};
+  const int kTraySpacing[] = {4, 4, 0};
+  const int kTrayPaddingFromEdgeOfShelf[] = {3, 3, 4};
   const int kVirtualKeyboardButtonSize[] = {39, 39, kTrayItemSize};
 
   const int mode = MaterialDesignController::GetMode();