simularium / binding-sim-edu

Other
0 stars 0 forks source link

Fix/bugs #113

Closed meganrm closed 1 month ago

meganrm commented 1 month ago

Problem

Estimated review size: small

a number of smaller bugs:

  1. the simulation didn't always size correctly to the viewport window
  2. if the content was too long for the window, the play button was off the bottom
  3. the style for the tertiary buttons had gotten overwritten
  4. got new SVGs from Thao
  5. the text content was being centered in both directions

Solution

  1. use the longest axis instead of just the width to determine the window size
  2. put "height: 100%" on the center panel
  3. switch the order of the props on the tertiary button
  4. update the files with the new svg
  5. change the margin: auto to margin-left: auto and margin-right: auto

Type of change

Please delete options that are not relevant.

Steps to Verify:

  1. bun dev

Screenshots (optional):

Problem Before After
At certain window resolutions you saw the bounding box Screenshot 2024-08-20 at 1 25 42 PM Screenshot 2024-08-20 at 1 23 16 PM
I was supposed to center the written content horizontally, but I accidentally did it vertically as well Screenshot 2024-08-20 at 2 27 39 PM Screenshot 2024-08-20 at 1 23 23 PM
If you made the window really short vertically, the play button went away Screenshot 2024-08-20 at 2 30 05 PM Screenshot 2024-08-20 at 1 22 30 PM