Restructure Text/Emboss Tool UI #237

New Issue

MrUnknownDE · 2026-04-05T16:19:14+02:00

MrUnknownDE commented

2026-04-05 16:19:14 +02:00

Originally created by @Xipit on 3/20/2026

Description

While i was implementing a unified tool footer (#12741), @Felix14-v2 made some interesting suggestions on how to improve the text tool UI.
Especially the "Style" setting should semantically be at the top before the "Font" setting, as it dictates the rest of the settings.

I have also found that the UI is structured very differently in comparison to the rest of the tool UIs. One such example is the placement of the "Revert" button in front of the setting, instead of after it. This also meant that there needed to be an awkward gap left of the setting.
One positive though was that it was relatively easy to reset multiple settings at once, because they were all vertically aligned. Though I don't think this is worth it having to reserve that space and deviating from the rest of the UI.
In #12850 i am also introducing a "Reset" button that makes resetting multiple settings at once easy.

There were also different spacing between elements that just looked off.

This PR tries to address those issues by restructuring the placement of UI elements and making them more harmonious.

P.S.: These changes were started in #12741, but i decided to break up the changes into more reviewable chunks.

Summary

Move "Style" setting in front of "Font" setting.
Matches "Style" and "Font" Combobox popup (BBLSelectable) general appearance.
- vertically align label
- match height of "Style "selectables to "Font" selectables
- reduce padding in "Style" selectables
- fix "Style" preview image
Moves "Revert" buttons after the settings, matching rest of UI.
Move "Operation" setting to single-line, matching rest of the settings.
Match "Advanced" TreeNode button styling to BambuStudio .
Fix varying spacings.

Screenshots

The "revert" button and text styling change (teal -> orange) is not part of this PR.
It is an unrelated change between 2.3.1 and the current main branch.

Before	After

*Originally created by @Xipit on 3/20/2026* # Description While i was implementing a unified tool footer (#12741), @Felix14-v2 made some interesting suggestions on how to improve the text tool UI. Especially the "Style" setting should semantically be at the top before the "Font" setting, as it dictates the rest of the settings. I have also found that the UI is structured very differently in comparison to the rest of the tool UIs. One such example is the placement of the "Revert" button in front of the setting, instead of after it. This also meant that there needed to be an awkward gap left of the setting. One positive though was that it was relatively easy to reset multiple settings at once, because they were all vertically aligned. Though I don't think this is worth it having to reserve that space and deviating from the rest of the UI. In #12850 i am also introducing a "Reset" button that makes resetting multiple settings at once easy. There were also different spacing between elements that just looked off. This PR tries to address those issues by restructuring the placement of UI elements and making them more harmonious. P.S.: These changes were started in #12741, but i decided to break up the changes into more reviewable chunks. ## Summary - Move "Style" setting in front of "Font" setting. - Matches "Style" and "Font" Combobox popup (`BBLSelectable`) general appearance. - vertically align label - match height of "Style "selectables to "Font" selectables - reduce padding in "Style" selectables - fix "Style" preview image - Moves "Revert" buttons after the settings, matching rest of UI. - Move "Operation" setting to single-line, matching rest of the settings. - Match "Advanced" TreeNode button styling to BambuStudio . - Fix varying spacings. # Screenshots _The "revert" button and text styling change (teal -> orange) is not part of this PR. It is an unrelated change between 2.3.1 and the current main branch._ | Before | After | | ------------- | ------------- | | <img width="468" height="447" alt="image" src="https://github.com/user-attachments/assets/6c2a5ad3-0a3a-4dcd-a7ed-1c9e73c2ae23" /> | <img width="501" height="379" alt="image" src="https://github.com/user-attachments/assets/dffceac7-d44d-4719-93b5-a51123c541d7" /> | | <img width="470" height="452" alt="image" src="https://github.com/user-attachments/assets/ec1a9196-77d2-456b-9e6f-eaba1e46941e" /> | <img width="494" height="389" alt="image" src="https://github.com/user-attachments/assets/fbbd837c-1df5-4173-a37b-0e1e543a6cec" /> | | <img width="470" height="811" alt="image" src="https://github.com/user-attachments/assets/af1782ef-202a-43cc-b720-c50b4248105f" /> | <img width="506" height="733" alt="image" src="https://github.com/user-attachments/assets/a1f1901b-a508-4b0c-b80d-22e7a4cac386" /> | | <img width="473" height="822" alt="image" src="https://github.com/user-attachments/assets/c05d99f9-3884-4d59-a9d2-d3052020b017" /> | <img width="509" height="739" alt="image" src="https://github.com/user-attachments/assets/3255146e-eac7-496a-b016-9258146f2e32" /> | | <img width="493" height="237" alt="image" src="https://github.com/user-attachments/assets/f803a42d-542c-4c49-9856-fb2c896a488e" /> | <img width="511" height="231" alt="image" src="https://github.com/user-attachments/assets/30d8eca1-ad4c-44ca-8949-5cfc4628d244" /> | | <img width="492" height="325" alt="image" src="https://github.com/user-attachments/assets/13679636-f8de-4254-a6aa-ed4b8f6f24ac" /> | <img width="500" height="344" alt="image" src="https://github.com/user-attachments/assets/aec52ac2-6585-4e48-8a53-77d85ca6c228" /> |

MrUnknownDE added the UI/UX label 2026-04-05 16:19:15 +02:00

Sign in to join this conversation.

No Label UI/UX

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/OrcaSlicer#237