# 徽章信息中有太多无法点击的部分

**URL:** <https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110>\
**Category:** UX\
**Created:** [2019年四月27日 03:43 UTC](https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110 "2019-04-27T03:43:31Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chaboi\_3000](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chaboi_3000/32/163015_2.png) [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\
**Post date:** [2019年四月27日 03:43 UTC](https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110/1 "2019-04-27T03:43:31Z")

</div>

Recent updates in discourse made badges super hard to **click**. You used to be able to click anywhere in the badge info to redirect to the badge page, but now some parts are restricted. As shown here:

 ![26%20PM](https://global.discourse-cdn.com/meta/original/3X/6/c/6cb7864df9cfe3a73a233cd75ceaab3a46627e92.png)  
The area **within** the red box is the only place where it redirects on click. (Except for the granted link) The rest is useless space. I have to keep aiming at the correct place to see the full info. Any thoughts?

---

<div class="post-metadata">

**Author:** ![Mixonepa](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mixonepa/32/129720_2.png) [@Mixonepa](https://meta.discourse.org/u/Mixonepa)\
**Post date:** [2019年四月27日 03:44 UTC](https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110/2 "2019-04-27T03:44:48Z")

</div>

What browser is this happing on?

---

<div class="post-metadata">

**Author:** ![Chaboi\_3000](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chaboi_3000/32/163015_2.png) [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\
**Post date:** [2019年四月27日 03:45 UTC](https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110/3 "2019-04-27T03:45:53Z")

</div>

Chrome, Safari, and Firefox.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2019年四月27日 04:10 UTC](https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110/4 "2019-04-27T04:10:25Z")

</div>

This might be for @nbianca to look at.

---

<div class="post-metadata">

**Author:** ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)\
**Post date:** [2019年四月30日 10:32 UTC](https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110/5 "2019-04-30T10:32:00Z")

</div>

Well, yes, we had to otherwise you would not be able to click on the link in the description.

I guess we can expand the click area on the logo and the number a bit?

---

<div class="post-metadata">

**Author:** ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)\
**Post date:** [2019年四月30日 10:45 UTC](https://meta.discourse.org/t/theres-too-many-unclickable-parts-in-the-badge-info/116110/6 "2019-04-30T10:45:03Z")

</div>

Another solution would be to bubble the event, if not intercepted by a click on link, to enclosing parent.