ux improvement #164

Closed
opened 2026-08-29 17:12:30 +00:00 by metaheavens · 1 comment
Owner

in the research lab, button text overlap next button, remove the buy button and make double click/tap buy. lower the explanation text and move research point available at the top with resources

the build menu text overlap when a building costs more than 3 different resources

screenshot added to the ticket files

in the research lab, button text overlap next button, remove the buy button and make double click/tap buy. lower the explanation text and move research point available at the top with resources the build menu text overlap when a building costs more than 3 different resources screenshot added to the ticket files
Author
Owner

Done in 3fcc26c, live at https://metaheavens.de/spaceship/

Build menu overlap. The grid predicted a caption's height from the column width - wide column, assume one line. That is right for most names and wrong for the long ones, so "Spacial Workshop" wrapped and its second line came down on the price underneath. Captions are now measured against the font that draws them, and prices are sized from PriceTag.wanted_height(), which existed for exactly this and was not being asked. Prices are also set before anything is measured; the old order laid out first and priced afterwards, so the first layout sized every row for a price that was not there yet.

Ship lab, all four parts:

  • the buy button is gone; a second tap on an option buys it, the same rule as the research tree
  • the explanation drops into the room that freed
  • research points moved up into the resource table, where everything else being spent already is
  • the second row of options is placed from the first row's measured bottom, so a stacked price cannot reach it

And one you did not ask for but is in the same screenshot: the vessel strip is now spaced from the panel's own width, so the eighth vessel is no longer half off the right edge.

Done in 3fcc26c, live at https://metaheavens.de/spaceship/ **Build menu overlap.** The grid predicted a caption's height from the *column width* - wide column, assume one line. That is right for most names and wrong for the long ones, so "Spacial Workshop" wrapped and its second line came down on the price underneath. Captions are now measured against the font that draws them, and prices are sized from `PriceTag.wanted_height()`, which existed for exactly this and was not being asked. Prices are also set *before* anything is measured; the old order laid out first and priced afterwards, so the first layout sized every row for a price that was not there yet. **Ship lab**, all four parts: - the buy button is gone; a second tap on an option buys it, the same rule as the research tree - the explanation drops into the room that freed - research points moved up into the resource table, where everything else being spent already is - the second row of options is placed from the first row's *measured* bottom, so a stacked price cannot reach it And one you did not ask for but is in the same screenshot: the vessel strip is now spaced from the panel's own width, so the eighth vessel is no longer half off the right edge.
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
metaheavens/spaceship#164
No description provided.