Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity
471cef1f29
unleash.unleash/frontend/src/component/playground/Playground/PlaygroundForm
History
Thomas Heartman c4fa86b1aa
chore: make playground code editor height dynamic (#9271) 
The playground code editor had a fixed height of `150px`. This works
well with the current font size, but if we're changing it, we'll end
up with too much height compared to the font size.

So instead, let's calculate the font size based on the current font
size.

Before this change (if you shrink font size):

![image](https://github.com/user-attachments/assets/cd6a5cc7-c5dc-421e-a34b-456cb1c318c7)

After this change:
 

![image](https://github.com/user-attachments/assets/b38cbc3d-7687-485f-8c36-244636b56f46)


It still looks the same with the old font size:

![image](https://github.com/user-attachments/assets/54cb69b3-4039-4422-9034-594aebc5a523)


Furthermore, this change uses `minHeight` instead of `height`, so that
if you have more JSON data, then you won't be stuck scrolling through 6
and 6 lines.

Before with lots of json:

![image](https://github.com/user-attachments/assets/8234fcd6-342c-44e7-a900-9893905c6191)


After with lots of json:

![image](https://github.com/user-attachments/assets/d77ee654-dfa5-4932-b0ed-0e6a39ca0b96)


And yes, the button doesn't respect the font size, but that's a
different task.
2025-02-10 12:36:16 +00:00
..
PlaygroundCodeFieldset chore: make playground code editor height dynamic (#9271) 2025-02-10 12:36:16 +00:00
PlaygroundConnectionFieldset chore: fix "key" prop issues in front end tests (#8459) 2024-10-16 14:57:43 +02:00
PlaygroundForm.tsx Playground fields with Change request (#7724) 2024-08-02 11:01:29 +00:00
renderOption.tsx chore: fix "key" prop issues in front end tests (#8459) 2024-10-16 14:57:43 +02:00