Skip to content

Fix Compare UI and only show differences in Calcs tab#9798

Merged
LocalIdentity merged 15 commits intodevfrom
compare-ui
Apr 20, 2026
Merged

Fix Compare UI and only show differences in Calcs tab#9798
LocalIdentity merged 15 commits intodevfrom
compare-ui

Conversation

@LocalIdentity
Copy link
Copy Markdown
Contributor

Description of the problem being solved:

Many tweaks to the compare UI to make it more friendly to use

General

Update background colour to dark grey like other tabs
Widen skill name and skill part dropdowns
image
image

Summary Tab

Anchor build name to top
Add scrollbar to side

Tree Tab

Now shows build name above tree set
image
image

Skills Tab

Now Shows gem quality without the Lv or q
Gem socket groups use item icon
Socket name is larger

image image

Items Tab

Now says Equip instead of Copy+Use
The build name is anchored under item set box so it stays when scrolling
Add scrollbar to side

image image

Calcs tab

Add a checkbox to only view rows that are different. Is set to be on by default
image

image

Config tab

Add Ctrl + f hotkey to select search box
Fix config options not showing tooltips
Fix scrolling on dropdowns and input boxes not working
Add scrollbar to side
Align search box, config set and buttons
image
image

LocalIdentity added 15 commits April 19, 2026 20:14
Think using equip is more obvious for users and also makes the button smaller
Gem level + quality used to look like Lv20/20q and would not display the quality if it was 0
It now shows it like we have in the skills tab of just 20/20
Adds the gear icons to the stat of each group label
Increase the font size of the header too as it didn't stand out before
Adjust the indenting of the list so they all line up nicely
The background colour was being set to pitch black instead of the slightly lighter block that we use in the other tabs
Ctrl + f now selects the search box on the configs tab
Changed the order of the buttons so it uses the same layout as the main configs tab
Trying to scroll on dropdowns or input boxes was not working as it was always trying to handle the scroll input before the control input
Also change to use KeyUp from the scroll events as that's what we do elsewhere
Scrollbars were not appearing in the summary, skill, items and config tabs
Tooltips would clip off the side on smaller widths.
Now passes in a max width value to compact the size of the tooltips to fit more info on screen
Changes the header for summary, skills and items tab to no move when scrolled
Tree tab now shows the build name for each dropdown
Hovering over the checkboxes or input boxes wasn't showing the tooltip for that part
When you select the search bar you can't use the scroll wheel to scroll the build list
Adds a checkbox that is on by default and it now only shows the rows in the calcs section that are different between the 2 builds
You can disable this and see all the rows again by unchecking the box
@LocalIdentity LocalIdentity added the user-interface Changes that only affect the UI label Apr 20, 2026
@LocalIdentity LocalIdentity merged commit 1d48d04 into dev Apr 20, 2026
3 checks passed
@LocalIdentity LocalIdentity deleted the compare-ui branch April 20, 2026 18:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

user-interface Changes that only affect the UI

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant