Devlog #6

We are FINALLY DONE and ready for the FIRST SHIP!
Here’s whats new:

• Added information bubbles for each and every character in the family tree, which can be easily opened and closed.

• Fixed the selection for icons in the bottom bar:
  The green highlighted background would also highlight the areas where there were padding which we didn’t want because the icons would then be off center. Fixed this by adding a new transparent div in the middle, so padding is no longer required.

Challenges:

• Fixing the icon selection bug. I played around with box-size for a bit but then chose to just add a transparent div between icons.

• Getting the information window to move along with the family tree window (as that is draggable). After a lot of testing, I realized I could just keep it inside the div but in positioning, its overflowing, so with an overflow: auto tag, it’s now set up and working!

This is a screenshot of how the info bubble would break because it wasn’t in the same div: