# 유저카드를 열면 줌이 변경됩니다

**URL:** <https://meta.discourse.org/t/opening-usercards-changes-the-zoom/309665>\
**Category:** UX\
**Tags:** completed, tablet, user-card\
**Created:** [5월 28, 2024, 7:09오전 UTC](https://meta.discourse.org/t/opening-usercards-changes-the-zoom/309665 "2024-05-28T07:09:59Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [7월 11, 2024, 8:17오전 UTC](https://meta.discourse.org/t/opening-usercards-changes-the-zoom/309665/6 "2024-07-11T08:17:03Z")

</div>

수정 완료 🎉

> <https://github.com/discourse/discourse/pull/27774>
>
> This fixes a minor bug and prepares usercards to be scalable at any browser zoom… level or viewport width to improve accessibility. 
> 
> 
> \*\*Minor bug fix:\*\* 
> 
> The default \`max-width\` on \`dMenu\` instances is set to \`400px\`, but the user card is wider. The card overflows the container so this usually doesn't matter on large screens... but on small screens it means the card is improperly positioned and causes horizontal overflow.
> 
> This is because it's positioned based on the smaller max-width rather than the real dimensions. 
> 
> Before: 
> !\[image\](https://github.com/discourse/discourse/assets/1681963/78489fc3-47b2-4639-871f-18006e1d90fc)
> 
> 
> After:
> !\[image\](https://github.com/discourse/discourse/assets/1681963/14e2405e-a5cd-41f6-b7e2-82a2c72e53b3)
> 
> 
> \*\*Scalability:\*\* 
> 
> On smaller screens the usercard is just too wide to fit (we have a separate stylesheet for mobile devices)... at the moment it doesn't scale below its default width, but this gets it headed in that direction. With the max-width removed from the dMenu instance, we can set it to \`100vw\`, which means it will never be wider than the viewport. 
> 
> This combined with some \`min-width: 0\` can allow it to scale.
> 
> 
> Before:
> !\[image\](https://github.com/discourse/discourse/assets/1681963/22cdd472-7b12-4876-84c5-3e03acd68039)
> 
> 
> After: 
> !\[image\](https://github.com/discourse/discourse/assets/1681963/dea7a36d-cb88-4934-9331-ad7ff17c3fdf)
> 
> This scalability will need more work, because at the moment it sacrifices the username... but this initial step is already more functional.

---

_[View the full topic](https://meta.discourse.org/t/opening-usercards-changes-the-zoom/309665)._