UX: gives each info its own line in search-menu-results (#7825)

2019-06-28 11:14:38 +02:00 · 2019-06-28 11:14:38 +02:00 · 5bab4f8007
parent 6c5689984f
commit 5bab4f8007
2 changed files with 5 additions and 2 deletions
--- a/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
+++ b/app/assets/javascripts/discourse/widgets/search-menu-results.js.es6
@ -149,8 +149,10 @@ createSearchResult({
    const topic = result.topic;

    const linkContent = [
+      h("div.header", [
        this.attach("topic-status", { topic, disableActions: true }),
-      h("span.topic-title", new Highlighted(topic.fancyTitle, term)),
+        h("span.topic-title", new Highlighted(topic.fancyTitle, term))
+      ]),
      this.attach("category-link", {
        category: topic.category,
        link: false
--- a/app/assets/stylesheets/common/base/search-menu.scss
+++ b/app/assets/stylesheets/common/base/search-menu.scss
@ -52,6 +52,7 @@
          -moz-hyphens: auto;
          -webkit-hyphens: auto;
          hyphens: auto;
+          margin-top: 0.25em;
        }
      }
    }