Limit drawer component to 100% width on smaller devices

On smaller devices, it has been noted that the drawer component can overflow if the width of the device is smaller than the width of the drawer as defined in: https://gitlab.com/gitlab-org/gitlab-ui/-/blob/main/src/components/base/drawer/drawer.scss.

The CSS is defining a small breakpoint width of gl-w-full but appears to be overridden by the gl-drawer-default and gl-drawer-sidebar classes as they have higher specificity.

image

Implementation Guide

The simplest fix would be to make sure the small breakpoint is given to these classes as well

Edited by Sam Beckham