The sidebar launcher has two states: a collapsed state which is the current vertical strip with only icon buttons, and the expanded state which will show icons and titles, per the spec [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7620-234917&mode=design&t=Lx37wGCvAVYCGW2G-0). The launcher can be resized into the expanded or collapsed state, and so has a resizer cursor. I think we can use the existing `<splitter>` that the sidebar uses for this. We'll need to keep track of the launcher state since it will be shown differently depending on the sidebar visibility settings.
Bug 1892429 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
The sidebar launcher has two states: a collapsed state which is the current vertical strip with only icon buttons, and the expanded state which will show icons and titles, per the spec [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7620-234917&mode=design&t=Lx37wGCvAVYCGW2G-0). The launcher can be resized into the expanded or collapsed state, and so has a resizer cursor (more details [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7786-351146&mode=design&t=Lx37wGCvAVYCGW2G-0). I think we can use the existing `<splitter>` that the sidebar uses for this. We'll need to keep track of the launcher state since it will be shown differently depending on the sidebar visibility settings.
The sidebar launcher has two states: a collapsed state which is the current vertical strip with only icon buttons, and the expanded state which will show icons and titles, per the spec [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7620-234917&mode=design&t=Lx37wGCvAVYCGW2G-0). The launcher can be resized into the expanded or collapsed state, and so has a resizer cursor (more details [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7786-351146&mode=design&t=Lx37wGCvAVYCGW2G-0)). I think we can use the existing `<splitter>` that the sidebar uses for this. We'll need to keep track of the launcher state since it will be shown differently depending on the sidebar visibility settings.
The new sidebar will have two states: a collapsed state which is the current vertical strip with only icon buttons, and the expanded state which will show icons and titles, per the spec [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7620-234917&mode=design&t=Lx37wGCvAVYCGW2G-0). The launcher can be resized into the expanded or collapsed state, and so has a resizer cursor (more details [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7786-351146&mode=design&t=Lx37wGCvAVYCGW2G-0)). I think we can use the existing `<splitter>` that the sidebar uses for this. We'll need to keep track of the expanded state since it will be shown differently depending on the sidebar visibility settings.
The new sidebar will have two states: a collapsed state which is the current vertical strip with only icon buttons, and the expanded state which will show icons and titles, per the spec [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7620-234917&mode=design&t=Lx37wGCvAVYCGW2G-0). The sidebar can be resized into the expanded or collapsed state, and so has a resizer cursor (more details [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7786-351146&mode=design&t=Lx37wGCvAVYCGW2G-0)). I think we can use the existing `<splitter>` that the sidebar uses for this. We'll need to keep track of the expanded state since it will be shown differently depending on the sidebar visibility settings.
The new sidebar will have two states: a collapsed state which is the current vertical strip with only icon buttons, and the expanded state which will show icons and titles, per the spec [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7620-234917&mode=design&t=Lx37wGCvAVYCGW2G-0). You might need to also adjust the styling for the collapsed state, so that extensions or "tools" are at the top of the sidebar and the gear icon for Customize Sidebar settings is always at the bottom. This will also need to address the focus order and it might make sense to handle both collapsed and expanded here. See the a11y section [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7211-35623&mode=design&t=R1cSogvNWLIOlg6D-0). I'll file a separate bug for the HCM since it overlaps with the UI design, which isn't final yet. We'll need to keep track of the expanded state since it will be shown differently depending on the sidebar visibility settings.
The new sidebar will have two states: a collapsed state which is the current vertical strip with only icon buttons, and the expanded state which will show icons and titles, per the spec [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7620-234917&mode=design&t=Lx37wGCvAVYCGW2G-0). You might need to also adjust the styling for the collapsed state, so that extensions or "tools" are at the top of the sidebar and the gear icon for Customize Sidebar settings is always at the bottom. This will also need to address the focus order and it might make sense to handle both collapsed and expanded here. See the a11y section [here](https://www.figma.com/file/ZFavpnAJee39j2mFf8U3D0/Sidebar-UX-Spec?type=design&node-id=7211-35623&mode=design&t=R1cSogvNWLIOlg6D-0). I'll file a separate bug for the HCM since it overlaps with the UI design, which isn't final yet. We'll need to keep track of the expanded state since it will be shown differently depending on the sidebar visibility settings. Additionally, we don't have existing test coverage for the new sidebar component so it'd be good to work that in here where we need to test for both the collapsed/expanded state.