johneastman / circles

A point-and-click browser game
https://johneastman.github.io/circles/
MIT License
0 stars 0 forks source link

Improve Styling of Import High Scores Button #31

Closed johneastman closed 1 year ago

johneastman commented 1 year ago

(related to #29) Ideally, the input would look like a regular button and just say Import to match the Clear and Export buttons. However, this might not be possible with an <input/> field. The look can be changed with custom styling, but I couldn't figure out how to make it look like a button.

I might want to consider creating a custom styling/look for the app that doesn't rely on the default styles.

johneastman commented 1 year ago

This commit fixes the style of the Import button.

  1. Import was renamed to Upload for clarity
  2. The input field isn't styled. It's hidden, and a button calls it. This solution feels a little hacky, but it works for what I need.