Skip to content

fix(dashboard): keep PWA chrome out of iOS safe-area insets - #666

Open
liukewia wants to merge 1 commit into
TencentCloud:developfrom
liukewia:fix/pwa-safe-area-insets
Open

fix(dashboard): keep PWA chrome out of iOS safe-area insets#666
liukewia wants to merge 1 commit into
TencentCloud:developfrom
liukewia:fix/pwa-safe-area-insets

Conversation

@liukewia

Copy link
Copy Markdown
Collaborator

Summary

  • Keep login, setup, splash, offline, layout, chat sidebar, drawers, and the PWA update banner clear of iOS notch / home-indicator insets.
  • Apply env(safe-area-inset-*) on the shell for top/sides and per-surface for the bottom so fullscreen PWA chrome no longer overlaps system UI.

Target branch

  • Base is develop (feature / fix — default)
  • Base is main (release/* or hotfix/* only)

Type of change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation
  • Refactor / chore
  • Release / hotfix

Test plan

  • Visual check of dashboard layout, login, setup, chat sidebar, and PWA update banner against iOS safe-area insets (notch / home indicator).
  • make all passes locally
  • Added/updated tests

Checklist

  • Updated CHANGELOG.md (if user-facing)
  • README / docs updated (if needed)

Modified padding and margin properties across various components to utilize environment variables for safe area insets, ensuring better compatibility with devices that have notches or rounded corners. This includes updates to index.html, offline.html, and several layout components to enhance the overall responsiveness and user experience.
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.

1 participant