Skip to content

Minor UX things to address #13

@fredhohman

Description

@fredhohman

On submission:

  • toc on mobile should be full width (grid layout update)
  • Make "reset" on your draw it use figcaption styles
  • sliders on boids bleeding horizontal on mobile
  • click to toggle between video length is weird on mobile because no autoplay? solution: separate logic for mobile view to only show long video in player UI, need to add muted and playsInline attributes to all <video>
    • Note: added the video attributes so autoplay now works on mobile. @mathisonian can you play with it on mobile to see if tapping controls (which then toggles new video) is still weird? it still feels a little off to me.
  • no author in bibtex shows empty period on hover tooltip (Distill template problem, our PR/fix: Update hover citations when there no authors  template#123)

Extra polish:

  • visual toc design
  • text details graphic: try (1) padding on slider button to make hit target bigger for mobile, if that doesn't work then (2) convert slider to 3 buttons on mobile
  • horse main graphic on mobile bleeding on right edge
    • Note: @mathisonian this appears to be something with the grid-column but I cant figure out what is happening since this works on iPhone X mobile screen but not iPhone SE size.
  • add event handler to entire image of machine generated people so mobile users can tap off after selecting callout
    • Note: added this but have to test on device since it worked in Chrome mobile view
  • example table break "Publication or (author)" into 2 lines and drop parentheses
  • you draw y-axis label font size should be bigger and match x-axis label size
  • in prompting self reflection, under you draw figure, did we leave a video there? looks to be an empty div that has line break on desktop and weirdness on mobile
  • equation buttons should always be left and right (stacking on smaller mobile screens)
  • stacked parametric images on mobile, or add a 4th image?
  • standardize venue/publication names (e.g., the or The New York Times), check on Distill style for if these should be italicized or not
  • parametric reference in bibtex+table should have author as "Parametric Press" and article title should be "Issue 01: Science + Society"
  • italicize publication names

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions