zesty-io / manager-ui

Content platform powering enterprise websites and applications
https://www.zesty.io
Other
40 stars 6 forks source link

Content: Duo Mode layout & Edit Content Title Bar responsive behavior has disappeared #2532

Closed zcolah closed 8 months ago

zcolah commented 8 months ago

Problem

  1. Duo Mode layout & Edit Content Title Bar responsive behavior has disappeared
  2. This issue is especially pronounced if you have the global navigation bar open or if your browser window is less than 1440px. It also prevents a user from clicking on the dropdown options of the publish button.
  3. See Video: https://www.loom.com/share/a3ff17f634714c4d8014748de95cc128
  4. Instance Link: https://8-a6c8bb86e2-mzdf9l.manager.zesty.io/content/6-dec282ffc1-q0wb2p/7-aea5e0a2ad-1f97gz
  5. Issue was reported by @gtllien to me. You can ask her for more context as well.
  6. Issue has been replicated on multiple devices in different locations.

Solution

Figma Link: https://www.figma.com/file/zOI7oSH3fG1XDmmPzsP6PX/Zesty-3.0-Revamp?type=design&node-id=1104%3A254998&mode=dev&t=eMALWbyCsquFt4pb-1

Here is a link to a Reference Conversation from the past where this issue was discovered and solved for by @agalin920: https://zesty-io.slack.com/archives/G04U75EEV/p1696538986182949?thread_ts=1696485851.741219&cid=G04U75EEV

VQA Requirements

Please deploy this to either Dev or Stage for VQA testing once the Pull Request is made.

agalin920 commented 8 months ago

Add logic to the min-width to only apply in focus mode