[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/+/1775056 Reviewed-by: Kyle Milka <kmilka@chromium.org> Commit-Queue: Gayane Petrosyan <gayane@chromium.org> Cr-Commit-Position: refs/heads/master@{#691788}
Denger-Network · Aug 29, 2019 · cd91731 · cd91731
1 parent 105efb8
commit cd91731
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/chrome/browser/resources/local_ntp/local_ntp.css b/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;

diff --git a/chrome/browser/resources/local_ntp/local_ntp.html b/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>

diff --git a/chrome/test/data/local_ntp/local_ntp_browsertest.html b/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>