swe-2023 / cosc-4p02-project Goto Github PK

Clicking arrows buttons, arrow keys, and search bar items should trigger cursor to activate and animate.

Happens on some devices, not happening consistently.

Black background disappears after clicking to escape fullscreen, but image sticks to the screen taking up full width. Possibly just an issue with the npm package.

Bug 1:

Switching between timeline events results in absurd jittering on Firefox

Bug 2:

X position of Dot components does not align with .line correctly on Firefox. 🤷

Bug 3:

When transitioning to other events and the scrollbar is present, it shifts the timeline-container dimensions

Currently saving to the database requires a page refresh. If a workaround is possible, that'd be preferred, but I suggest the index of the timeline item be set to the last item.

This can probably be done by saving the last item index to a local store and restoring it on reload.

Finger zooming on mobile doesn't work on full screen, check full screen pkg docs for workaround.

In the +layout.svelte page the max width should be increased so that it doesn't feel so narrow on mobile. Make sure it doesn't have side effects, and post a screenshot of the result in your pull request.

For live testing on mobile I recommend using ngrok to tunnel the dev port to a link you can view on your phone.

Seach bar and drop-down menu should fade when the museum logo fades

Using arrow keys to navigate through timeline items causes page to shift, unwanted behaviour.

• Remove the location.reload() from the light theme selector action
• Find a way to restyle the buttons back to original. Currently, the refresh is used to reset the button colours, work around this.
• Rework the theme selector to switch between the three themes instead of having a toggle for Light / Dark and a button for High Contrast
• Save current selected theme to a Svelte store

Date indicator for the current item. Should transition (using spring) to other points on changing timeline items.

Zooming in, scrolling to bottom of timeline, then zooming back out results in showing part of the timeline that is not populated, sometimes gets stuck as well. Minor bug.

The user should be prompted after clicking delete in the edit drop-down menu. Use toast.push

Edit mode successfully prevents the arrows from appearing when edit or add mode are active, however it does not lock them on mobile.