fleet/frontend/components/forms/fields/AutoSizeInputField
Jacob Shandling fa093203df
UI – Simpler edit icon solution, applied to Edit query and Edit policy forms (#17364)
## ➡️ #17224  

- Replace the [solution merged
here](https://github.com/fleetdm/fleet/pull/17086) with a simpler and
more easily extendable one
- Apply same approach to the Edit policies form.

Edit query demo:

https://www.loom.com/share/589d3bfedc754f62b31c39bc517c2382?sid=ce65e5a5-e13f-4446-a37c-991a09cc8960

Edit query:
<img width="1791" alt="Screenshot 2024-03-04 at 5 34 35 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/6727bd9e-ad05-45b0-a65c-e01487d7d923">

Edit policy:
<img width="2550" alt="Screenshot 2024-03-05 at 11 47 34 AM"
src="https://github.com/fleetdm/fleet/assets/61553566/fdd8e455-7f54-4177-be3e-4a82a879a176">

<img width="2550" alt="Screenshot 2024-03-05 at 11 47 27 AM"
src="https://github.com/fleetdm/fleet/assets/61553566/3b33b097-f652-4e99-b944-2d29ffe3f311">



- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2024-03-05 14:08:24 -08:00
..
_styles.scss UI – Simpler edit icon solution, applied to Edit query and Edit policy forms (#17364) 2024-03-05 14:08:24 -08:00
AutoSizeInputField.stories.tsx UI – Refactor edit query > name and description fields to allow reasonable control of pencil icons (#17086) 2024-02-29 21:56:31 -08:00
AutoSizeInputField.tsx UI – Simpler edit icon solution, applied to Edit query and Edit policy forms (#17364) 2024-03-05 14:08:24 -08:00
index.ts Refine and improve policy and query editing interface (#4004) 2022-02-04 15:30:27 -06:00