UI/Quality Of Life Fixes

[tindrew]

What Happened

As the title says, as this is meant to be a learning tool, most kids/students will likely be on smaller screens. Chromebooks, tablets, smaller screen laptops in the 13-15 inch range. Block coding on my macbook pro looks like this:

While workable, things are cut off as it is, the space is just too limited. In an effort to help with the lack of screen real-estate, It would be nice if the block UI included two things: collapsable categories of blocks, and a search bar. In all honesty, these two things are a must have especially for smaller screens. If someone knows which block they want they shouldn't have to go to the category, click on it, then scroll and look for the block. They could just throw it in the search bar and have it come up. Or if you're not sure which one you want, You don't have to look through the categories in order to find the block you want.

Also, being able to collapse/resize the category window would be a huge help.

Here's a crappy mockup:

With Searchbar:

Hopefully this gives you a good idea of what I'm talking about. I think this would hugely benefit those working with small screens and make BlockCode much better for users.

How to Reproduce

There's nothing to reproduce here.

Block Coding Plugin Version

v0.9.0

Godot Engine Version

v4.3.0 stable

Operating System

Macbook Pro

Logs or command-line output

Anything else?

No response

[manuq]

@tindrew yes, this is a very important issue, so thanks for bringing it back. Some discussion is already happening in #131 so let's continue there. I'm closing this one as duplicate. There are already some mockups ready to be implemented.

Also, being able to collapse/resize the category window would be a huge help.

This is already possible using the < icon at the bottom.