diff --git a/app/styles/_addons_show.scss b/app/styles/_addons_show.scss index bae4e10d..4c81be82 100644 --- a/app/styles/_addons_show.scss +++ b/app/styles/_addons_show.scss @@ -249,4 +249,9 @@ .readme { @include readme-styles(); } + + .icon-link { + width: 0.6em; + height: 0.6em; + } } diff --git a/app/templates/addons/show.hbs b/app/templates/addons/show.hbs index a968fc84..3664f8e7 100644 --- a/app/templates/addons/show.hbs +++ b/app/templates/addons/show.hbs @@ -31,8 +31,11 @@ {{#link-to "addons.top"}}Ranks #{{addon.ranking}} of the top 100 addons!{{/link-to}} {{/if}} {{score-detail addon=addon}} - - Categories + + + Categories + {{svg-icon "link" title="Categories"}} + {{inline-category-list categories=addon.categories}} {{#unless addon.categories}} @@ -42,7 +45,10 @@ {{#if hasGithubData}} - GitHub + + GitHub + {{svg-icon "link" title="Github"}} + {{#if addon.isTopStarred}} TOP 10% STARRED @@ -66,7 +72,10 @@ {{/if}} - Review + + Review + {{svg-icon "link" title="Review"}} + {{#if latestReview}} {{#unless isLatestReviewForLatestVersion}} {{svg-icon "new-releases"}} New versions of this addon have been released since this review was undertaken. @@ -78,7 +87,10 @@ - Dependencies + + Dependencies + {{svg-icon "link" title="Dependencies"}} + {{dependency-table addonVersion=latestVersion}} diff --git a/app/templates/components/svg-icons.hbs b/app/templates/components/svg-icons.hbs index 3396274f..95f01944 100644 --- a/app/templates/components/svg-icons.hbs +++ b/app/templates/components/svg-icons.hbs @@ -1,6 +1,11 @@ {{! template-lint-disable no-inline-styles}} + + + + +
{{inline-category-list categories=addon.categories}} {{#unless addon.categories}} @@ -42,7 +45,10 @@