UI fixes / improvements #563

New Issue

MrUnknownDE · 2026-04-05T16:22:55+02:00

MrUnknownDE commented

2026-04-05 16:22:55 +02:00

Originally created by @yw4z on 2/27/2026

Tested on Windows, Linux Mint X11 AppImage, macOS ventura

• Removed borders and matched margins. fixes ugly borders on dark mode. search box only visible on windows

before	after

before - file and more menu aligned to left of windows

after - menus aligned to related button

3- Preferences > Combobox dropdowns not using content width

before

after

4- About > Version text is small on macOS

will add after build done
before - version text is small compared to other platforms

after - text has same size with other platforms

5- Message Dialogs > Fixed wrong calculation of text size causes wider dialog size

• QoL clicking label of checkbox now toggles checkbox
• Also fixed margins, aligned checkbox etc
before

after

before

after

before

after

before-after

7- BBL > Bind dialog buttons not aligned to bottom

before-after

8- BBL > Color picker

• Corrected margins and used SetStyle on "more button"

before	after

9- Step import dialog

• matched font color and size with UI
• Used rounded rectangle as background on tips section like Flushing volumes dialog
• Corrected margins

before

after

10- Drop file dialog

• Used file name as single block and on a new line. that allows to show longer names without issue
• Matched colors and margins
• cleaned unnecessary code
before - filename not fits and clipped

after - all filename visible

before

after

11- Project Page welcome screen button alignment

before - not aligned to center

after

before

after

before

after

13- Flushing volumes > Match style of combo box used for dual extruders (H2S, H2D, H2C)

• Used style from global.css

before

after

*Originally created by @yw4z on 2/27/2026* # Tested on Windows, Linux Mint X11 AppImage, macOS ventura # 1- BBL > Device selector search box • Removed borders and matched margins. fixes ugly borders on dark mode. search box only visible on windows | **before** | **after** | |---|---| |<img width="228" height="164" alt="Screenshot-20260228221126" src="https://github.com/user-attachments/assets/0b9d096f-f10f-4bb9-8d0b-e19436e2997f" /> | <img width="230" height="132" alt="Screenshot-20260228221107" src="https://github.com/user-attachments/assets/513794b2-bf65-4daa-97d0-138c7f312fdd" />| | <img width="234" height="169" alt="Screenshot-20260228221157" src="https://github.com/user-attachments/assets/0e7c03de-fa18-4f15-b872-8fbd42f91b8d" /> | <img width="235" height="159" alt="Screenshot-20260228221346" src="https://github.com/user-attachments/assets/8f56d865-5d6b-4999-8b3d-0f8d248a5fbf" /> | # 2- Titlebar > Aligned file / more menus with buttons like calibration menu **before - file and more menu aligned to left of windows** ![orca-slicer_u8R9WZ8GER](https://github.com/user-attachments/assets/a6ada74d-7d6a-40b6-91f5-33a6ca5d28eb) **after - menus aligned to related button** ![orca-slicer_tYLAWRTagb](https://github.com/user-attachments/assets/aa03d0c6-a193-4bcc-be9a-be8f99d913bc) # 3- Preferences > Combobox dropdowns not using content width **before** <img width="167" height="164" alt="Screenshot-20260228222453" src="https://github.com/user-attachments/assets/3eea160c-a42f-4b4e-98b5-bedc661bfcd9" /> **after** <img width="195" height="163" alt="Screenshot-20260228222500" src="https://github.com/user-attachments/assets/1b8e5f0a-0a74-464c-8902-2ddc999efd25" /> # 4- About > Version text is small on macOS will add after build done **before - version text is small compared to other platforms** ![Screenshot 2026-03-01 at 05 04 09](https://github.com/user-attachments/assets/7ddaaf53-238e-4169-8ba4-1909f1fe70c2) **after - text has same size with other platforms** ![Screenshot 2026-03-01 at 05 03 47](https://github.com/user-attachments/assets/439d88e4-6ac2-4f48-90ca-7f7942ad90cd) # 5- Message Dialogs > Fixed wrong calculation of text size causes wider dialog size • QoL clicking label of checkbox now toggles checkbox • Also fixed margins, aligned checkbox etc **before** <img width="736" height="176" alt="Screenshot-20260228222800" src="https://github.com/user-attachments/assets/98158a2d-cf58-40b0-9be7-9705d990060d" /> **after** <img width="632" height="187" alt="Screenshot-20260228222739" src="https://github.com/user-attachments/assets/47a823dc-4672-499c-a385-c66b43caca69" /> **before** <img width="514" height="176" alt="Screenshot-20260228222948" src="https://github.com/user-attachments/assets/b8fefce8-de44-493d-babe-6e5f152fb109" /> **after** <img width="424" height="180" alt="Screenshot-20260228223005" src="https://github.com/user-attachments/assets/6c9488d7-f4dd-4d1d-9d88-86f00b908c73" /> **before** <img width="756" height="193" alt="Screenshot-20260228223153" src="https://github.com/user-attachments/assets/d5d8fda1-2729-48f4-953b-715d23d42c91" /> **after** <img width="604" height="190" alt="Screenshot-20260228223205" src="https://github.com/user-attachments/assets/837652ad-2ea7-4618-90d0-cb117fafd659" /> # 6- Fixed canvas menu overlapping with sliced plates toolbar when navigator hidden **before-after** <img width="643" height="880" alt="Screenshot-20260228223454" src="https://github.com/user-attachments/assets/0c4ee31f-639d-4d43-88ca-1a1bdb7f7370" /> # 7- BBL > Bind dialog buttons not aligned to bottom **before-after** <img width="942" height="273" alt="Screenshot-20260228223605" src="https://github.com/user-attachments/assets/b528d6ce-024e-4dd5-b96d-3d4f2c34dc18" /> # 8- BBL > Color picker • Corrected margins and used SetStyle on "more button" | **before** | **after** | |---|---| |<img width="347" height="424" alt="Screenshot-20260228223710" src="https://github.com/user-attachments/assets/e57989a4-fe70-4847-96be-11a5a50e4fd4" />|<img width="336" height="390" alt="Screenshot-20260228223653" src="https://github.com/user-attachments/assets/a8a4deaa-7e0c-46f1-a95f-93d04ae7ee2d" />| # 9- Step import dialog • matched font color and size with UI • Used rounded rectangle as background on tips section like Flushing volumes dialog • Corrected margins **before** <img width="427" height="375" alt="Screenshot-20260228224110" src="https://github.com/user-attachments/assets/1dea3d61-6575-4a5f-a36e-4a217088fdad" /> **after** <img width="512" height="371" alt="Screenshot-20260302054632" src="https://github.com/user-attachments/assets/5625a176-f0f9-4053-81c4-c86ca992052f" /> # 10- Drop file dialog • Used file name as single block and on a new line. that allows to show longer names without issue • Matched colors and margins • cleaned unnecessary code **before - filename not fits and clipped** <img width="354" height="223" alt="Screenshot-20260301021846" src="https://github.com/user-attachments/assets/96bab3c6-2aec-4b34-9e77-8f0a13b7746d" /> **after - all filename visible** <img width="347" height="257" alt="Screenshot-20260301022733" src="https://github.com/user-attachments/assets/cf289318-02b8-4b45-8ba0-8d7ff5222152" /> **before** <img width="362" height="225" alt="Screenshot-20260301022028" src="https://github.com/user-attachments/assets/56799d14-d4c3-4055-9998-e3b96d6f6ec7" /> **after** <img width="350" height="237" alt="Screenshot-20260301022745" src="https://github.com/user-attachments/assets/9951ea52-4e42-4175-90e6-6d218fa6aebd" /> # 11- Project Page welcome screen button alignment **before - not aligned to center** <img width="223" height="271" alt="Screenshot-20260302152525" src="https://github.com/user-attachments/assets/f510d13b-4866-4dfb-ad12-5daa5a79eddd" /> **after** <img width="233" height="277" alt="Screenshot-20260302152506" src="https://github.com/user-attachments/assets/ed984d3f-a9b6-4dcf-a838-993835540a24" /> # 12- Proper case on web page related translations **before** <img width="521" height="171" alt="Screenshot-20260302152714" src="https://github.com/user-attachments/assets/09a1ab04-cec2-42ba-8a13-d34bc85cdd73" /> **after** <img width="514" height="182" alt="Screenshot-20260302152650" src="https://github.com/user-attachments/assets/1fb0e001-8486-467a-b92c-7d99c0d17b96" /> **before** <img width="195" height="99" alt="Screenshot-20260302152902" src="https://github.com/user-attachments/assets/012ed44e-c7af-441a-9b2d-1da6d44ab899" /> **after** <img width="209" height="96" alt="Screenshot-20260302152855" src="https://github.com/user-attachments/assets/1e7d1f1f-7ca4-4773-b0cd-f703deea36fe" /> # 13- Flushing volumes > Match style of combo box used for dual extruders (H2S, H2D, H2C) • Used style from global.css **before** <img width="256" height="171" alt="Screenshot-20260302154204" src="https://github.com/user-attachments/assets/b10df59f-d794-4795-8777-aa2f84d715f4" /> **after** <img width="253" height="165" alt="Screenshot-20260302154215" src="https://github.com/user-attachments/assets/4ede51b2-e1e9-48fb-900a-ec071f7dbf4e" />

Sign in to join this conversation.

No Label

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/OrcaSlicer#563