Skip to content

bossfights container change #13

Description

@Dorian-Grim

The html targeted

<div id="fights-container-wrap">

Description

Currently the behavior of this element makes the user to move mouse to the left to reach his desired boss fight. Making him move mouse a lot also with the risk of accidentally hiding the fight container if he hovers out

  • Demo of current behavior:
    current bosses container demo
  • Also on mobile device it's kind of bugged because it overlaps:
    UwU Logs - 11 Jul 24, 1905 - Loukxd

Proposed solution fix in PR #8

The fix involves stripping down some css which was enabling the old behavior. It will also improve navigation speed when user wants to quickly go to certain boss and certain fight.

  • Example desktop/mobile:
    desktop and mobile demo

  • Example of navigation:
    bosses container demo 2

  • Also I'm adding a 80vh to the container and a scrollbar for when it's overflown. Example:
    scrollbar demo

  • and visual indication of each expansion. Example:
    image

Demo:
final dmeo

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions