Skip to content

fix(shell): avoid duplicate branding and cramped content at tablet widths #583

Description

@tiankaima

Problem

Fresh 820×1180 screenshots across both locales and all themes show the full 15rem desktop sidebar while the top bar repeats the Life@USTC icon/wordmark. This leaves roughly 565px for content and creates two competing brand anchors. Existing no-overflow assertions pass, so this is a hierarchy and density problem rather than a simple overflow bug.

Evidence was captured in the 2026-07-22 local visual matrix, including the signed-in dashboard tablet state.

Acceptance criteria

  • 768–1023px renders one visible brand anchor.
  • Choose an off-canvas/icon-collapsed sidebar or suppress the redundant top-bar brand based on measured content needs.
  • Preserve the full desktop sidebar at wide widths and current mobile drawer behavior.
  • Preserve keyboard navigation, aria-current, and visible focus.
  • Add zh/en light/dark screenshots at 768, 820, 1023, and 1280px with no horizontal overflow.

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: frontendRendered pages, client interactions, responsive layout, accessibility, and i18ncodex

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions