search

esmf-org / esmf-profiler

ESMF Profiler application converts binary traces into a web based, dynamic report.
0 stars 2 forks source link

First pass styles #12

Closed ryanlong1004 closed 3 years ago

ryanlong1004 commented 3 years ago

General:

  1. The browser tab says "React App" - please change the title to "{name} - ESMF Profiler" where {name} is the user-supplied name of the trace, or timestamp if not available
  2. Please remove "Copyright O Your Website 2021 " from the bottom.

On the Bootstrap card:

  1. please make the title bar smaller and the "Load Balance" font smaller
  2. if possible, I'd like a flatter look, such as removing the shadow altogether
  3. Chart title = "PET Timings"
  4. X.Axis title = "PET Number"
  5. YAxis title = "Time (s)"
  6. Add the highcharts menu in the top right of the chart to download images and/or the data
  7. if possible remove 'highcharts.com" from the bottom right of the chart

On the sidebar:

  1. Change font so that it's not all caps: "ESMF PROFILER" should be "ESMF Profiler"
  2. Initial version can be 0.1
ryanlong1004 commented 3 years ago

@rsdunlapiv When you say "flatter", do you want me to remove the card all together or just the shadows?

https://i.imgur.com/BsC5MnO.png

ryanlong1004 commented 3 years ago

@rsdunlapiv for review https://i.imgur.com/bH82vXd.png

rsdunlapiv commented 3 years ago

@rlongio looks good. By "flatter" yes I mean to remove the shadow if possible.