[QuickOpen] show the end of the path (firefox-devtools#8137)

th7nder · WenInCode · commit 8f424c3344d0 · 2019-03-21T07:56:06.000-06:00
* fix: truncate on start via css

* revert: change margin to previous value
diff --git a/src/components/shared/ResultList.css b/src/components/shared/ResultList.css
@@ -117,6 +117,8 @@
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
+  direction: rtl; /* make ellipsis on the beginning of a string */
+  text-align: left;
 }
 
 .theme-dark .result-list.big li.selected .subtitle {
diff --git a/src/utils/quick-open.js b/src/utils/quick-open.js
@@ -4,7 +4,6 @@
 
 // @flow
 import classnames from "classnames";
-import { endTruncateStr } from "./utils";
 import {
   isPretty,
   getFilename,
@@ -64,12 +63,11 @@ export function formatSourcesForList(source: Source, tabs: TabList) {
   const relativeUrlWithQuery = `${source.relativeUrl}${getSourceQueryString(
     source
   ) || ""}`;
-  const subtitle = endTruncateStr(relativeUrlWithQuery, 100);
-  const value = relativeUrlWithQuery;
+
   return {
-    value,
+    value: relativeUrlWithQuery,
     title,
-    subtitle,
+    subtitle: relativeUrlWithQuery,
     icon: tabs.some(tab => tab.url == source.url)
       ? "tab result-item-icon"
       : classnames(getSourceClassnames(source), "result-item-icon"),

Original file line number	Diff line number	Diff line change
`@@ -117,6 +117,8 @@`
`117`	`117`	`text-overflow: ellipsis;`
`118`	`118`	`overflow: hidden;`
`119`	`119`	`white-space: nowrap;`
	`120`	`+ direction: rtl; /* make ellipsis on the beginning of a string */`
	`121`	`+ text-align: left;`
`120`	`122`	`}`
`121`	`123`
`122`	`124`	`.theme-dark .result-list.big li.selected .subtitle {`