ground-android icon indicating copy to clipboard operation
ground-android copied to clipboard

Miscellaneous UI Tweaks

Open scolsen opened this issue 8 months ago • 2 comments

This PR contains a number of small UI tweaks to make the application match the current UX designs, including:

  • Adding a translucent background in the Job selection modal
  • Tweaking the font and icon size of job selection cards
  • Adding a small linear gradient to the bottom of the screen
  • Updating the color of the job selection cancellation action button.

I didn't get precise numbers on sizing dimensions or gradient values I more or less eyeballed it, so I'm happy to adjust if we have precise values.

https://github.com/user-attachments/assets/d1752d53-26b5-4b8e-b770-8de27ff9b5e2

Towards #3078

scolsen avatar Apr 30 '25 20:04 scolsen

Done, done, done. What did you mean re:

Push code to a new branch in this repo scolsen/3078/ui-tweaks for ex.

This is in a branch in my ground-android repo -- the branch is called 3078.

scolsen avatar May 08 '25 18:05 scolsen

Nice work! One nit: is the gradient the same height as in the designs? To my eye it looks like it starts halfway through the "+" fab. Instead, it should start right below the location lock fab like this:

image

Here are the alpha and color values for reference:

image

gino-m avatar May 08 '25 19:05 gino-m

@gino-m sorry for the delay! Tweaked the height and matched the gradient colors to those in the design. FWIW, when I use the precise colors from the design deck the gradient seems more faint in the emulator than it does in the designs. IDK if it's some kind of opacity mismatch between Figma's rendering and Android or what.

scolsen avatar Sep 09 '25 14:09 scolsen