Skip to content

Adiciona prop para não traduzir tags HTTP - #40

Open
tobiasfreire-gaudium wants to merge 1 commit into
mainfrom
topic/melhora-responsividade-tags-http
Open

Adiciona prop para não traduzir tags HTTP#40
tobiasfreire-gaudium wants to merge 1 commit into
mainfrom
topic/melhora-responsividade-tags-http

Conversation

@tobiasfreire-gaudium

Copy link
Copy Markdown
Contributor

Descrição

No Mintlify, nativamente cada página possui uma tag HTTP que referencia o método usado pelo endpoint daquela página (GET, POST, PUT, PATCH,etc). Essa tag fica do lado do nome da página.

Quando a opção de traduzir página do navegador está ativada, a tradução quebra a responsividade dessas tags.

A tradução das tags, no entanto, não deve ocorrer, pois elas identificam o método HTTP usado por aquele endpoint, e cada método possui uma semântica, que na tradução pode acabar não carregando a semântica necessária.

Nesse PR, é adicionada uma tratativa que adiciona as propriedade translate="no" e class="notranslate" às tags HTTP, para evitar essa tradução que quebra a responsividade e compreensão da documentação.

Evidência de erro

image

Evidência de correção

Gravacao.de.Tela.2026-08-13.as.17.28.49.mov

@tobiasfreire-gaudium tobiasfreire-gaudium self-assigned this Aug 13, 2026
@gaudinho

gaudinho Bot commented Aug 13, 2026

Copy link
Copy Markdown

✅ Review postada — #40 (review)

job_id: mintlify-docs-40-1786652981304-44f0

@gaudinho gaudinho Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fix direto e bem contido: adiciona translate="no"/notranslate às tags de método HTTP e usa data-metodo + MutationObserver (com batching via rAF) para reverter qualquer tradução que escape, resolvendo exatamente o problema de responsividade descrito no PR. Diff isolado em custom.js, sem tocar HTML/CSS, sem input externo, sem risco de XSS (usa textContent, nunca innerHTML), e segue o mesmo padrão estilístico (IIFE + comentários explicativos em PT-BR) já usado nas duas outras seções do arquivo.

Comment thread custom.js
Comment thread custom.js
Comment thread custom.js
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants