[Chrome Colors] Hide text overflow for theme info.

screenshot:
https://screenshot.googleplex.com/9q3asZAtYiH.png

Bug: 998460
Change-Id: I021aa83013cce477564de5205ce9339172518728
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1775056Reviewed-by: Kyle Milka <kmilka@chromium.org>
Commit-Queue: Gayane Petrosyan <gayane@chromium.org>
Cr-Commit-Position: refs/heads/master@{#691788}

chrome/browser/resources/local_ntp/local_ntp.css

@@ -1768,6 +1768,12 @@ html[dir=rtl] #left-semicircle {
   border-top-right-radius: var(--tile-size);
 }
 
+#colors-theme-info {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 #refresh-daily-wrapper {
   display: none;
   margin-inline-start: auto;

chrome/browser/resources/local_ntp/local_ntp.html

@@ -311,7 +311,7 @@
           aria-label="$i18n{colorsOption}">
         <div id="colors-theme" tabindex="0">
             <div id="colors-theme-icon"></div>
-            <div>
+            <div id="colors-theme-info">
               <div id="colors-theme-name"></div>
               $i18n{installedThemeDesc}
             </div>

chrome/test/data/local_ntp/local_ntp_browsertest.html

@@ -302,7 +302,7 @@
             aria-label="$i18n{colorsOption}">
           <div id="colors-theme" tabindex="0">
               <div id="colors-theme-icon"></div>
-              <div>
+              <div id="colors-theme-info">
                 <div id="colors-theme-name"></div>
                 $i18n{installedThemeDesc}
               </div>