search

thombruce / toodles

✅ A super simple todo app
https://toodles.thombruce.com/
GNU General Public License v3.0
0 stars 0 forks source link

[Feature]: Refactor CSS for mobile #106

Closed thombruce closed 3 months ago

thombruce commented 1 year ago

Feature request

App is currently flush with edge of screen on smaller screen sizes.

Add some margin to that.

Code of Conduct

thombruce commented 1 year ago

While I'm talking CSS, I also want the multi-bar and progress bar to be sticky. This might be a good excuse to refactor and restructure some of the styles.

thombruce commented 1 year ago

We also want the menu to be ever-present, but not necessarily as a set of inline navbar items as at present. Prefer a burger menu to open a tray-like sidebar.

I'm gonna change the title of this issue - let's try handling at least these three things as part of a broader CSS rewrite. There's bound to be some interoperability issues that need to be addressed between them.

thombruce commented 1 year ago

I'm not necessarily trying to avoid a component framework... Here's DaisyUI, which I've used before: https://daisyui.com/components/drawer/

That's just bringing a lot of its own theming and styling with it too, which I do want to avoid. It is highly customisable, but still... I'm sort of aiming for as blank a slate as possible while achieving the base functionality. I don't want to get flashy with it - I want it to be very easy for users to apply their own styles on top.

thombruce commented 1 year ago

I decided against this previously, but DaisyUI has had a lot of development since I last used it: https://daisyui.com/

Thinking about installing and using DaisyUI, as it would save me a lot of time and effort - I don't really want to be writing my own UI kit from scratch when there are so many good options out there.