linear[bot]
commented
1 year ago AP-3554 When only a single item in a dropdown, convert to presentational version
## What I am seeing: [image.png](https://uploads.linear.app/cfa7d1b1-ff77-4dbe-ae92-8cf23f92a7a9/5e3b9cc9-2385-4dfc-b99a-0e150ed14a4d/39925937-bb11-4ef5-97bb-358fce6dfffc) ## What I expect: I would expect to see something like what we do with the browser select: [image.png](https://uploads.linear.app/cfa7d1b1-ff77-4dbe-ae92-8cf23f92a7a9/ed3fc2be-2f2c-41bd-9d2d-9004ea4b264f/ebca0b24-5bd2-446e-b660-8ab5c35db3e4) 1. Remove the arrow 2. Only have a hover state (no click) that shows "View mode: 1200px"
This yields a more minimalist UI if there is only one viewport and/or browser:
(here we have one viewport, one browser)
Compare to the UI when we do have multiple viewports / browsers:
I also renamed "viewport" to "mode" and updated the icon.
With tooltips:
📦 Published PR as canary version:
0.0.55--canary.72.51f5eed.0:sparkles: Test out this PR locally via: ```bash npm install @chromaui/addon-visual-tests@0.0.55--canary.72.51f5eed.0 # or yarn add @chromaui/addon-visual-tests@0.0.55--canary.72.51f5eed.0 ```