search

PlayPickUp / pickup-ui

A collection of React Components that make up the PickUp world. 🌎⚡
https://ui.playpickup.com
3 stars 1 forks source link

fix(nestedinput): adjust based on container not window, eng-266 #328

Closed wliederer closed 2 years ago

wliederer commented 2 years ago

nestedinput was adjusting to mini styles based on window not container, oops.

now it adjusts based on container, the turning point of parent width is 295, 295 px and below is mini styles 296 and above is normal

linear[bot] commented 2 years ago
ENG-266 Make NestedInput respond to container

The previous work to split NestedInput responds to the window size. However, we will need the input to split based on container size. For an example, Nascar will be full window size on the page where the Mini Picker is to be displayed, but the container/sidebar for the mini picker will be smaller than standard. An example of handling this is in the Mini Picker branch of the Prop Picker: [https://github.com/PlayPickUp/prop-picker/blob/edf4fefa1ea1653184a86d7962abc00935a20dd7/src/Main.tsx#L86](https://github.com/PlayPickUp/prop-picker/blob/edf4fefa1ea1653184a86d7962abc00935a20dd7/src/Main.tsx#L86) (up to line 98)