Bug 1590059 - Stop search result header text from overflowing its container; r=davidwalsh
authorFlorens Verschelde <florens@fvsch.com>
Mon, 21 Oct 2019 13:47:50 +0000
changeset 498365 1e85f7fb21f682d73b44fa13c9a11b7f65602018
parent 498364 92cc94b10bcb128ed0e81cac6cb36fcba129d1c3
child 498366 2c1816247be7efdcfbf6894aeccd027695608bd4
push id36717
push usernbeleuzu@mozilla.com
push dateMon, 21 Oct 2019 21:51:55 +0000
treeherdermozilla-central@563f437f24b9 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdavidwalsh
bugs1590059
milestone71.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1590059 - Stop search result header text from overflowing its container; r=davidwalsh Differential Revision: https://phabricator.services.mozilla.com/D49906
devtools/client/debugger/src/components/ProjectSearch.css
--- a/devtools/client/debugger/src/components/ProjectSearch.css
+++ b/devtools/client/debugger/src/components/ProjectSearch.css
@@ -84,36 +84,40 @@
   overflow-wrap: break-word;
   hyphens: auto;
 }
 
 .project-text-search .file-result {
   grid-column: 1/3;
   display: flex;
   align-items: center;
-  font-weight: bold;
-  cursor: default;
+  width: 100%;
   min-height: 24px;
   padding: 2px 4px;
+  font-weight: bold;
   font-size: 12px;
-  line-height: calc(16 / 12);
+  line-height: 16px;
+  cursor: default;
 }
 
 .project-text-search .file-result .img {
   margin-inline: 2px;
 }
 
 .project-text-search .file-result .img.file {
   margin-inline-end: 4px;
 }
 
 .project-text-search .file-path {
   flex: 0 1 auto;
-  white-space: normal;
   padding-inline-end: 4px;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .project-text-search .file-path:empty {
   display: none;
 }
 
 .project-text-search .search-field {
   display: flex;