[StartSurface] Change the arrow to view all text

Screenshot:
https://drive.google.com/a/google.com/file/d/1L6h8C25L-4BTqVNBHwWYPEXHZwol8oNb/view?usp=sharing

Bug: 1040242
Change-Id: I1384044eb5fc3be346d191a6b77d9b15d1ebd422
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1992165
Commit-Queue: Ganggui Tang <gogerald@chromium.org>
Commit-Queue: Wei-Yin Chen (陳威尹) <wychen@chromium.org>
Auto-Submit: Ganggui Tang <gogerald@chromium.org>
Reviewed-by: Wei-Yin Chen (陳威尹) <wychen@chromium.org>
Cr-Commit-Position: refs/heads/master@{#729559}

chrome/android/features/tab_ui/java/res/drawable/ic_arrow_right.xml

-<?xml version="1.0" encoding="utf-8"?>
-<!-- Copyright 2019 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. -->
-
-<vector xmlns:tools="http://schemas.android.com/tools" tools:targetApi="21"
-    android:autoMirrored="true" android:height="24dp"
-    android:viewportHeight="24" android:viewportWidth="24"
-    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="@color/default_icon_color" android:pathData="M8.59,16.59L13.17,12L8.59,7.41L10,6l6,6l-6,6L8.59,16.59z"/>
-</vector>

chrome/android/features/tab_ui/java/res/layout/tasks_view_layout.xml

@@ -57,20 +57,17 @@
                 android:singleLine="true"
                 android:textAppearance="@style/TextAppearance.BlackTitle2"
                 android:text="@string/tab_switcher_carousel_title" />
-            <org.chromium.ui.widget.ChromeImageView
+            <TextView
                 android:id="@+id/more_tabs"
-                android:layout_width="48dp"
-                android:layout_height="48dp"
-                android:layout_gravity="center_vertical|end"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
                 android:layout_marginTop="-16dp"
                 android:layout_marginBottom="-16dp"
-                android:scaleType="center"
-                app:srcCompat="@drawable/ic_arrow_right"
-                android:tint="@color/default_icon_color"
-                android:tintMode="src_in"
                 android:paddingTop="16dp"
                 android:paddingBottom="16dp"
-                android:contentDescription="@string/accessibility_tab_switcher_carousel_more_tabs"/>
+                android:paddingEnd="12dp"
+                android:textAppearance="@style/TextAppearance.BlueLink3"
+                android:text="@string/tab_switcher_carousel_view_all"/>
         </LinearLayout>
         <!-- TODO(crbug.com/982018): Make view stub to inflate only when needed. -->
         <FrameLayout

chrome/android/features/tab_ui/java/strings/android_chrome_tab_ui_strings.grd

@@ -249,8 +249,8 @@
       <message name="IDS_TAB_SWITCHER_CAROUSEL_TITLE" desc="Title of the Tabs carousel section on the single pane start surface.">
           Continue browsing
       </message>
-      <message name="IDS_ACCESSIBILITY_TAB_SWITCHER_CAROUSEL_MORE_TABS" desc="Accessibility message of the more Tabs button on the single pane start surface.">
-          More tabs
+      <message name="IDS_TAB_SWITCHER_CAROUSEL_VIEW_ALL" desc="Title of the text view button in the Tabs carousel section on the single pane start surface. Click it to view all the existing Tabs.">
+          View all
       </message>
 
       <!-- Tab Suggestion strings -->

chrome/android/features/tab_ui/java/strings/android_chrome_tab_ui_strings_grd/IDS_TAB_SWITCHER_CAROUSEL_VIEW_ALL.png.sha1

+b80019f5c1f74e2e6892fb5336fe7c7e3bfa97e5
\ No newline at end of file