arkenfox / gui

A companion gui for arkenfox user.js
https://arkenfox.github.io/gui
MIT License
73 stars 5 forks source link

anchored top part / info #4

Closed icpantsparti2 closed 2 months ago

icpantsparti2 commented 2 years ago

add info that says what this is (that links to AF user.js repo)

move version number here

@Thorin-Oakenpants thoughts?

The prompt line immediately above the table, that scrolls upwards when the table scrolls. changing/adding there is another option.

Thorin-Oakenpants commented 2 years ago

you're onto it, we're really just playing around with cosmetics

fair warning, I have not looked at a single piece of code

I'd like to get it to a single line e.g. we don't need to say "see filter button" (it should be intuitive), we can re-use collapse/expand into a single button, and we can put an info <detail> at the far right, along with the version number e.g ▶ About (which expands the nav bar taller and exposes a single line of info?) and v98 (i.e we don't need to say this is arkenfox)

I would use a different darker background color for the sticky "nav bar" at the top and give it a bottom border

So something like this

[index]  [collapse/expand] [filter] search [_______]          v98 [about] 
icpantsparti2 commented 2 years ago

single line of info

Thorin-Oakenpants commented 2 years ago

Just stick in some lorem ipsum for now - my guess is it'll end up as two sentences or 20-30 words long

I'm still not sure how I want this to all look just yet. I want to style it all, change the font sizes, add a max width (and a min width). I think the name arkenfox should show (otherwise there's nothing to say what it is, but I worry that on smaller widths there isn't enough room (when it wraps to a new line it's a bit naff at the moment) and the search box is too short (it should be big but shrink when needed)

I need to think about the UI, make a non-functioning mockup. Maybe the about bit opens an overlay popup.

Thorin-Oakenpants commented 2 years ago

desktop min, the browser cannot get below 454px inner or something, and I don't expect desktop users to be less than say 800 to be honest, but mobile is a different story

minwidth

icpantsparti2 commented 2 years ago

Added an "About" overlay popup, and adjusted the top bar (such as buttons resize with width, ...).

Thorin-Oakenpants commented 2 years ago

going to be busy for a few days, but great stuff