UX: Prevent badges on usercards from overflowing (#12037)

2021-02-11 13:41:58 -05:00
parent 04d0bf9c4a
commit fcf674f106
4 changed files with 10 additions and 5 deletions
@@ -2,7 +2,7 @@ import Component from "@ember/component";
 import discourseComputed from "discourse-common/utils/decorators";

 export default Component.extend({
-  tagName: "span",
+  tagName: "",

  @discourseComputed("count")
  showGrantCount(count) {
@@ -1,4 +1,4 @@
-<a href={{this.badgeUrl}}>
+<a class="user-card-badge-link" href={{this.badgeUrl}}>
  {{#badge-button badge=@badge}}
    {{#if this.showGrantCount}}
      <span class="count">(&times;&nbsp;{{@count}})</span>