Fix overflow issues with found members in search

Author: felixmulder

doc-tool/resources/_layouts/search.html

@@ -147,14 +147,18 @@ <h1>Member Results</h1>
             var paramLists = !member.paramLists ? "" : (
                 member.paramLists
                     .map(renderParamList)
-                    .reduce(concatenateStrings, "")
+                    .reduce(concatenateStrings, "") + ': '
+            );
+
+            var returnValue = !member.returnValue ? "" : (
+                member.returnValue
             );
 
             div.innerHTML =
                 '<div class="member-kind">'+ member.kind +'</div>' +
                 '<div class="member-name">'+ member.name +'</div>' +
-                '<div class="member-param-lists">' + paramLists + ':</div>' +
-                '<div class="member-return">'+ member.returnValue +'</div>'
+                '<div class="member-param-lists">' + paramLists + '</div>' +
+                '<div class="member-return">'+ returnValue +'</div>'
 
             li.appendChild(div);
         };

doc-tool/resources/css/search.css

@@ -127,14 +127,27 @@ div.results li.entity-result-li:hover {
 }
 
 div.results li.entity-result-li > div.member-result {
+    overflow: hidden;
     padding-top: 3px;
     display: block;
-    width: 100%;
-    min-height: 30px;
+    width: calc(100% - 105px);
+    margin-bottom: 10px;
     transition: all 0.2s ease;
     margin-left: 105px;
 }
 
+div.results li.entity-result-li:hover > div.member-result {
+    width: calc(100% - 65px);
+}
+
+div.results li.entity-result-li.with-companion:hover > div.member-result {
+    width: calc(100% - 23px);
+}
+
+div.results li.entity-result-li:not(.with-companion) > div.member-result {
+    margin-left: 65px;
+}
+
 div.results li.entity-result-li:hover > div.member-result {
     margin-left: 23px;
 }
@@ -144,8 +157,11 @@ div.results li.entity-result-li > div.member-result > div.member-kind {
     font-weight: 400;
 }
 
+div.results li.entity-result-li > div.member-result > div.member-param-lists {
+    margin-right: 5px;
+}
+
 div.results li.entity-result-li > div.member-result > div.member-return {
-    margin-left: 5px;
     font-weight: 400;
     white-space: nowrap;
 }

doc-tool/src/dotty/tools/dottydoc/model/references.scala

@@ -51,7 +51,7 @@ object references {
         if (args.isEmpty)
           "() => " + ret.showReference
         else if (args.tail.isEmpty)
-          args.head + " => " + ret.showReference
+          args.head.showReference + " => " + ret.showReference
         else
           args.mkString("(", ",", s") => ${ret.showReference}")