UI quality of life improvements

wiedehopf / tar1090

Provides an improved webinterface for use with ADS-B decoders readsb / dump1090-fa

Other

1.21k stars 222 forks source link

UI quality of life improvements #295

Closed wendikristine closed 3 months ago

wendikristine commented 3 months ago

new icons
standardized buttons
minimal margins/padding to improve accessibility
minor code cleanup (such as removing extra spaces)

wiedehopf commented 3 months ago

Not a fan of the color changes.

The icons are nice i suppose.

wendikristine commented 3 months ago

I changed it back to the slightly lighter teal.

wiedehopf commented 3 months ago

Hmm i should have been more specific.

The sliders in the settings have bad contrast. (not sure how the slider background became teal, slider should remain light blue as well) The checkboxes in the settings have bad contrast. (the light blue worked fine and doesn't need changing)

That's the problematic color changes i'm talking about.

I'm still not 100% sure about the changed buttons i'll have to ask some users their opinion. Possibly i just need to go through the indivdual changes and possibly only take some of them.

Hank076 commented 3 months ago

Propose some suggestions for icon

The icon above Total Aircraft is good, but it's a bit offset in position
The Legend's icon is great, but its height is different from the icon next to it
Unable to understand the function of this button through the icon on the expand sidebar
The cursor of the Zoom in & Zoom out buttons is also a bit out of place. I hope the cursor can be maintained as it is

2024-03-15_172922 Chrome v122.0.6261.128

wendikristine commented 3 months ago

Thank you both for the suggestions. Since I'm not a feeder it was challenging to get the icons previewed. I just ordered the equipment to be a feeder and I'll take another stab at it when it arrives.

wendikristine commented 3 months ago

My work is too sloppy. I'll nuke this and do it properly.

wendikristine commented 3 months ago

@Hank076 How did you apply my changes to your local feeder map? The best I can figure out is to open my feeder map in Firefox and import a style sheet. I can't load or otherwise link/reference an updated .html or any local images.

wiedehopf commented 3 months ago

./install.sh test Will install from your local git directory.