Skip to content

fix(panel-app): exibe conexões e preview de perfil no mobile - #515

Open
hefeus wants to merge 1 commit into
4.xfrom
fix/profile-conexoes-tags-mobile
Open

fix(panel-app): exibe conexões e preview de perfil no mobile#515
hefeus wants to merge 1 commit into
4.xfrom
fix/profile-conexoes-tags-mobile

Conversation

@hefeus

@hefeus hefeus commented Aug 24, 2026

Copy link
Copy Markdown
Contributor

Close #513

Summary

  • A coluna direita da página de Profile (preview do perfil + <livewire:connection-hub />) usava hidden xl:block sem nenhum fallback para breakpoints menores, então abaixo de 1280px ela não renderizava — o card de
    conexões não aparecia mesmo empilhado, simplesmente não existia no DOM.
  • Remove o hidden/xl:block e mantém sticky/top-4 só a partir do xl, deixando a coluna sempre visível e empilhando naturalmente abaixo do formulário em telas menores.

Closes #513

Test plan

  • Acessar /profile em viewport mobile/tablet (DevTools ou dispositivo real) e confirmar que o card de conexões aparece e é editável
  • Confirmar que o comportamento em desktop (≥1280px) permanece igual (coluna sticky ao lado do formulário)

A coluna com o preview do perfil e o <livewire:connection-hub />
estava marcada como `hidden xl:block`, sem nenhum fallback pra
breakpoints menores. Abaixo de 1280px ela não renderizava — não era
sobreposição visual, o card de conexões simplesmente não existia no
DOM. Remove o hidden e mantém sticky só a partir do xl, deixando a
coluna empilhar normalmente abaixo do formulário em telas menores.

Claude-Session: https://claude.ai/code/session_01UuQzhshbSneNfvFWC6gZ6z
@hefeus
hefeus requested a review from a team August 24, 2026 01:32
@coderabbitai

coderabbitai Bot commented Aug 24, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository YAML (base), Central YAML (inherited)

Review profile: CHILL

Plan: Pro Plus

Run ID: 8e57b9a9-0efc-4bfb-b9db-75147a46408c

📥 Commits

Reviewing files that changed from the base of the PR and between cf4637a and 3e975f9.

📒 Files selected for processing (1)
  • app-modules/panel-app/resources/views/pages/profile.blade.php

Included review availability: Your plan provides up to 2 included reviews per hour; 1 remains after this review.


📝 Walkthrough

Walkthrough

The profile page preview and connections column is now visible on smaller screens. Its extra-large sticky positioning remains unchanged.

Suggested reviewers: danielhe4rt, brunadomingues

Merge Risk: ⚪ Minimal · up to 3e975

This localized profile layout change makes the connections and profile preview visible on smaller screens while preserving desktop positioning; no actionable merge-blocking risk remains beyond normal checks and review.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed O título identifica claramente a correção principal: exibir conexões e preview do perfil em dispositivos móveis.
Description check ✅ Passed A descrição explica o problema, a solução, o impacto, o plano de testes e relaciona o PR ao issue #513.
Linked Issues check ✅ Passed A alteração remove a ocultação em telas menores e preserva o comportamento sticky no desktop, atendendo ao issue #513.
Out of Scope Changes check ✅ Passed As alterações estão limitadas à visibilidade e ao posicionamento responsivo da coluna de perfil, sem mudanças não relacionadas.
Docstring Coverage ✅ Passed Docstring check was indeterminate for this PR — some files could not be analyzed in time. Not blocking.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

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.

Card de conexões do perfil some no mobile (tablet e celular)

3 participants