Update the chevron of <select>

The change shrinks the size of the chevron of <select> based on the
latest design.


Bug: 1001577
Change-Id: I8edcee70a42bfbf13ab9c80a183764951251828f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1820013
Commit-Queue: Alex Keng <shihken@microsoft.com>
Reviewed-by: Elly Fong-Jones <ellyjones@chromium.org>
Reviewed-by: Kent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/master@{#699830}

third_party/blink/renderer/core/paint/theme_painter_default.cc

@@ -334,7 +334,7 @@ void ThemePainterDefault::SetupMenuListArrow(
   } else {
     // TODO(tkent): This should be 7.0 to match scroll bar buttons.
     float arrow_size =
-        (RuntimeEnabledFeatures::FormControlsRefreshEnabled() ? 12.0 : 6.0) *
+        (RuntimeEnabledFeatures::FormControlsRefreshEnabled() ? 8.0 : 6.0) *
         arrow_scale_factor;
     // Put the arrow at the center of paddingForArrow area.
     // |arrowX| is the left position for Aura theme engine.

ui/native_theme/native_theme_aura.cc

@@ -50,7 +50,7 @@ const SkScalar kSliderTrackHeight = 8.f;
 const int kSliderThumbSize = 16;
 const SkScalar kSliderThumbBorderWidth = 1.f;
 const SkScalar kSliderThumbBorderHoveredWidth = 1.f;
-const SkScalar kMenuListArrowStrokeWidth = 1.f;
+const SkScalar kMenuListArrowStrokeWidth = 2.f;
 // The "dash" is 8x2 px by default (the checkbox is 13x13 px).
 const SkScalar kIndeterminateInsetWidthRatio = (13 - 8) / 2.0f / 13;
 const SkScalar kIndeterminateInsetHeightRatio = (13 - 2) / 2.0f / 13;
@@ -900,7 +900,7 @@ void NativeThemeAura::PaintMenuList(cc::PaintCanvas* canvas,
   flags.setStrokeWidth(kMenuListArrowStrokeWidth);
 
   float arrow_width = menu_list.arrow_size;
-  int arrow_height = arrow_width * 0.6;
+  int arrow_height = arrow_width * 0.5;
   gfx::Rect arrow(menu_list.arrow_x, menu_list.arrow_y - (arrow_height / 2),
                   arrow_width, arrow_height);
   arrow.Intersect(rect);