library icons size change when clicking them
Describe the bug
when right or left-clicking an item in the library, the size changes of the items. (only happens at specific resolutions) When the scale doesn't change, the scrollbar still changes its size.
Steps to reproduce
- right or left-clicking an item in the library
Expected behavior
library to stay the same size
System information
Windows 11 screen: 3440x1440
Additional context
No response
https://github.com/modrinth/theseus/assets/37588844/f01c8adb-02c8-4c76-95ea-527dbecec3a4
Can reproduce it even on smaller screen size (1366x768). Seems like it's reproduceable only with latest string icons and last icon in pre-last string for every category, and it makes sense as you have only one string:
https://github.com/modrinth/theseus/assets/65756919/945612d5-2bfc-434b-8250-314a0adce58c
https://github.com/modrinth/theseus/assets/65756919/33996a91-c3b4-4114-b294-15cb48db2675
Version 0.7.1, Windows 11
All other cards get scaled up when clicking on an instance on the last row, it doesn't happen on the other rows. I can reproduce this on v0.7.1 with 3840x2160 resolution.
Can confirm
https://github.com/modrinth/theseus/assets/75726196/86da5044-ebaf-4ca0-a794-55526fd07950
This is what I've made out with dev tools:
- Initially, the elements with the class
.instancehave a height of 218 px. - When any
.instance-card-itemis active, the height of all the cards, including the active one, changes to 678 px (which seems to be the viewport height). - After becoming inactive, the height remains at 678 px.
- Upon becoming active again, their height changes to 217 px. This change occurs every time afterwards, alternating between 678 px when not active and 217 px when active.