## Summary The drawer component will be added to all planning views (referenced below), however this component is not reflecting the final state design as outlined in https://gitlab.com/gitlab-org/gitlab/-/issues/409886. This issue will itemize the UX updates needed to reach the final design state as outlined in https://gitlab.com/gitlab-org/gitlab/-/issues/409886. ## Drawer sizing details ([see sizing in Figma](https://www.figma.com/file/QF3PWG6M8tsKBJHoYTXVf7/Work-Items-%E2%80%93-Contextual-View?type=design&node-id=7%3A152163&mode=design&t=cm2yf9mXiVNAqYcB-1)) The current POC drawer uses a percentage based width. This proposal suggests moving towards set widths based on viewport breakpoints. This allows users the ability to resize their window to modify how much room the drawer takes up, rather than it always being a set percentage of their screen. In the future, we plan to introduce the ability to [manually resize the drawer](https://gitlab.dovetail.com/insights/7gZI7A7HmbAh62vttFDxxb) to help solve this problem. ### Planning views linked issues - [Boards](https://gitlab.com/gitlab-org/gitlab/-/issues/464063) - [Lists](https://gitlab.com/gitlab-org/gitlab/-/issues/463829) - [Detail Page](https://gitlab.com/gitlab-org/gitlab/-/issues/444434) - [Roadmap](https://gitlab.com/gitlab-org/gitlab/-/issues/7474)