# Botões de login longos cortam o lado esquerdo do modal de login

**URL:** https://meta.discourse.org/t/long-login-buttons-crops-the-left-size-of-the-login-modal/315365
**Category:** UX
**Created:** [8 Julho , 2024 05:26 UTC](https://meta.discourse.org/t/long-login-buttons-crops-the-left-size-of-the-login-modal/315365 "2024-07-08T05:26:33Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Nacho\_Caballero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nacho_caballero/32/130189_2.png) [@Nacho\_Caballero](https://meta.discourse.org/u/Nacho_Caballero)
#### Post date: [8 Julho , 2024 05:26 UTC](https://meta.discourse.org/t/long-login-buttons-crops-the-left-size-of-the-login-modal/315365/1 "2024-07-08T05:26:33Z")

</div>

A versão localizada de js.login.passkey.name pode levar a um lado direito exagerado da janela modal de login:

 ![CleanShot 2024-07-08 at 07.17.02](https://global.discourse-cdn.com/meta/original/4X/3/5/e/35ec7c9be934e49d7b6b29b5ef603be259cac522.png)

Se eu encurtar o rótulo, fica bom:

 ![CleanShot 2024-07-08 at 07.24.33](https://global.discourse-cdn.com/meta/original/4X/9/c/6/9c6799a702ff909c6d19e34fb354632710f1070a.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [8 Julho , 2024 17:00 UTC](https://meta.discourse.org/t/long-login-buttons-crops-the-left-size-of-the-login-modal/315365/2 "2024-07-08T17:00:11Z")

</div>

Abri um pull request para adicionar uma `max-width` para evitar quebras como essa, em piores cenários como este o texto seria truncado…

> <https://github.com/discourse/discourse/pull/27771>
>
> Fixes this issue with long translations:
> 
> !\[image\](https://github.com/discours…e/discourse/assets/1681963/5854bb6d-ffa6-426a-87e8-a41b1af1a935)
> 
> 
> After:
> !\[image\](https://github.com/discourse/discourse/assets/1681963/63762c97-197d-483b-b5ed-84beb40bf3d7)
> 
> Truncating here isn't \*ideal\* but at least prevents the layout from breaking. Perhaps in this specific instance a shorter translation could also be possible for Spanish.

mas também me pergunto se poderíamos usar uma tradução padrão mais curta aqui para evitar isso