Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

style(experience): update the devTenantNotification style #6745

Conversation

simeng-li
Copy link
Contributor

update the devTenantNotification style

Summary

Update the dev tenant notification banner using the latest design.

  • Style update: Move the position to the top of the page.
  • Dom update: Move the dom element to the body level.

Testing

image image

Checklist

  • .changeset
  • unit tests
  • integration tests
  • necessary TSDoc comments

update the devTenantNotification style
@simeng-li simeng-li requested review from xiaoyijun, a team, wangsijie and charIeszhao and removed request for a team October 24, 2024 07:46
Copy link

COMPARE TO master

Total Size Diff 📉 -46 Bytes

Diff by File
Name Diff
packages/experience-legacy/src/App.tsx 📉 -134 Bytes
packages/experience-legacy/src/Layout/AppLayout/index.tsx 📉 -132 Bytes
packages/experience-legacy/src/containers/DevelopmentTenantNotification/index.tsx 📉 -25 Bytes
packages/experience/src/App.tsx 📉 -134 Bytes
packages/experience/src/Layout/AppLayout/index.tsx 📉 -132 Bytes
packages/experience/src/containers/DevelopmentTenantNotification/index.tsx 📉 -25 Bytes

@xiaoyijun
Copy link
Contributor

Will the logo be blocked by this banner on the mobile page, or will the space above the logo become smaller?

@simeng-li
Copy link
Contributor Author

Will the logo be blocked by this banner on the mobile page, or will the space above the logo become smaller?

We have the logo height size limited to a specific number. Should not block for most of the cases. But technically, if the logo is oversized, it will be blocked.

@simeng-li simeng-li merged commit fe06860 into master Nov 5, 2024
36 checks passed
@simeng-li simeng-li deleted the simeng-log-10289-dev-tenant-banner-update-dev-tenant-banner branch November 5, 2024 05:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

Successfully merging this pull request may close these issues.

3 participants