UI fixes / improvements #1385

Closed
opened 2026-04-05 17:32:05 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @yw4z on 12/10/2025

FIXES

• Fixed unnecessary spacing after appearing after changes on vertical margins (https://github.com/OrcaSlicer/OrcaSlicer/pull/11413) . also simplified code
before - filament section not fully folds
Screenshot-20251210204218

after - all titles fully folds
Screenshot-20251210203811

• Delete filament button visible on launch if only one filament exist. original PR https://github.com/OrcaSlicer/OrcaSlicer/pull/8240 this commit broke it 2fe654587b (diff-2e02df8368f08afd8d41110c4ac9b0910ab31da371a9aba6e1ad3d46a7a512fd)

Screenshot-20251210212410

• Matched all icon sizes for undo /revert revert icons
Object revert uses different size on top row
Screenshot-20251210204508
Before - After
Screenshot-20251210204636
Same size with normal revert
Screenshot-20251210204808

• Undo buttons on gizmos not uses correct size. that causes blurry icons
Before
Screenshot-20251210204321
After - slightly smaller but all undo icons uses same size now
Screenshot-20251210204346

Screenshot-20251210204942

• Fixed reset_gray icon size and its color. it will render correct color on dark mode. its used on sync ams info dialog

• Fixed sort arrow not uses same colors with other icons. also made it pixel perfect
before-after
Screenshot-20251213122116
Screenshot-20251213125534

• Added new icon for object list variable height. previous one used toolbar icon that not compatible with that resolution
before-after
Screenshot-20251213135232

• fixed blurry multidevice tab icon
Screenshot-20251213161025

CUT WIDGET

• Aligned first 3 titles with other controls
• Simplified build volume text. this matches with other parts of UI
• Removed borders from revert icons but couldnt hid fully because it changes layout while toggling
Screenshot-20251210205044

TEXT EMBOSS WIDGET

• Matched revert color for buttons and text
Screenshot-20251210205344

• Fixed exclamation mark position
Screenshot-20251210205618

• matched edit button style. they dont have border or hover effects like on other parts of UI
Screenshot-20251210205734

• Added wider spacing between horizontal / vertical alignment buttons for separation
Screenshot-20251215163403

SVG WIDGET

• Same as text emboss widget. matched icon and text colors when its modified
Screenshot-20251215165153

WIDGETS

• Fixed scaling issue on windows for help button
Screenshot-20251210205921
• Matched sizes of radio buttons on widgets. also matched border color
text widget - it was oversized before
Screenshot-20251215162919
svg widget
Screenshot-20251215163118
cut widget
Screenshot-20251215163001

SIDEBAR

• Increased spacing between icons if they are not in same control group. like if its not related with combo box etc. this will reduce accidental clicks
• Replaced advanced text with icon. also improved readability of icon
• Clicking advanced icon also toggles mode now
• Added tooltips to advanced icon / toggle
before-after
Screenshot-20251213015102

Only problematic language is russian for this section. tried ellipsize label but didnt worked as expected since there is a stretch spacer. compare and object table buttons not visible for this language while sidebar narrow. using icon istead text for "advanced" reduced problem
Screenshot-20251213014458

AMS ICONS

• redesigned and matched style of ams icons
• also matched border color on this popup
before
Screenshot-20251214193302
after
Screenshot-20251214195133

OBJECT TABLE

• Matched label and parameter box width with sidebar. it triggers less wrapping and fixes combo boxes uses different width
before-after
Screenshot-20251215142942

*Originally created by @yw4z on 12/10/2025* ### FIXES • Fixed unnecessary spacing after appearing after changes on vertical margins (https://github.com/OrcaSlicer/OrcaSlicer/pull/11413) . also simplified code before - filament section not fully folds <img width="442" height="209" alt="Screenshot-20251210204218" src="https://github.com/user-attachments/assets/fa92f3a4-04ec-4d34-95b6-ab6645debc1b" /> after - all titles fully folds <img width="467" height="207" alt="Screenshot-20251210203811" src="https://github.com/user-attachments/assets/06f45b44-05b5-4101-925c-f64ffbb23067" /> • Delete filament button visible on launch if only one filament exist. original PR https://github.com/OrcaSlicer/OrcaSlicer/pull/8240 this commit broke it https://github.com/OrcaSlicer/OrcaSlicer/commit/2fe654587bed57f9c016b174035747cfcd8237f4#diff-2e02df8368f08afd8d41110c4ac9b0910ab31da371a9aba6e1ad3d46a7a512fd <img width="863" height="198" alt="Screenshot-20251210212410" src="https://github.com/user-attachments/assets/688b92d6-c4b1-45d7-8232-265cb683c7d3" /> • Matched all icon sizes for undo /revert revert icons Object revert uses different size on top row <img width="503" height="310" alt="Screenshot-20251210204508" src="https://github.com/user-attachments/assets/297e8f17-5b0d-42b0-857d-a450327eadc8" /> Before - After <img width="869" height="119" alt="Screenshot-20251210204636" src="https://github.com/user-attachments/assets/76bb3b06-be0e-44a3-8902-783a673adc37" /> Same size with normal revert <img width="872" height="208" alt="Screenshot-20251210204808" src="https://github.com/user-attachments/assets/90d4237c-d31b-44e7-81a1-de8221d2b4ef" /> • Undo buttons on gizmos not uses correct size. that causes blurry icons Before <img width="410" height="145" alt="Screenshot-20251210204321" src="https://github.com/user-attachments/assets/37cd4e54-f638-4fb3-b0cf-33683a20888c" /> After - slightly smaller but all undo icons uses same size now <img width="410" height="148" alt="Screenshot-20251210204346" src="https://github.com/user-attachments/assets/9c1840af-8919-4e73-a94b-21d6e303abbf" /> <img width="1028" height="410" alt="Screenshot-20251210204942" src="https://github.com/user-attachments/assets/dd319ec9-8c53-4b4e-b4c4-c13bf2f872fc" /> • Fixed reset_gray icon size and its color. it will render correct color on dark mode. its used on sync ams info dialog • Fixed sort arrow not uses same colors with other icons. also made it pixel perfect before-after <img width="988" height="124" alt="Screenshot-20251213122116" src="https://github.com/user-attachments/assets/d38c8803-7eb0-49d8-9154-ba7f6de2e544" /> <img width="940" height="121" alt="Screenshot-20251213125534" src="https://github.com/user-attachments/assets/f94f1d33-bc1d-46a5-ada9-270bc87a3ff1" /> • Added new icon for object list variable height. previous one used toolbar icon that not compatible with that resolution before-after <img width="841" height="130" alt="Screenshot-20251213135232" src="https://github.com/user-attachments/assets/e1564055-95ca-4447-ae02-d9190d59f628" /> • fixed blurry multidevice tab icon <img width="283" height="164" alt="Screenshot-20251213161025" src="https://github.com/user-attachments/assets/e96e76c9-a81f-45a3-978d-98a2d241ecc8" /> ### CUT WIDGET • Aligned first 3 titles with other controls • Simplified build volume text. this matches with other parts of UI • Removed borders from revert icons but couldnt hid fully because it changes layout while toggling <img width="356" height="391" alt="Screenshot-20251210205044" src="https://github.com/user-attachments/assets/cb101ade-9be0-4ef9-aee1-555fc59d4e01" /> ### TEXT EMBOSS WIDGET • Matched revert color for buttons and text <img width="462" height="567" alt="Screenshot-20251210205344" src="https://github.com/user-attachments/assets/fad3090c-ccfe-48e9-b076-b7b6a770be5d" /> • Fixed exclamation mark position <img width="302" height="146" alt="Screenshot-20251210205618" src="https://github.com/user-attachments/assets/701c311a-1466-44b8-a3dc-88ec2ff38675" /> • matched edit button style. they dont have border or hover effects like on other parts of UI <img width="754" height="239" alt="Screenshot-20251210205734" src="https://github.com/user-attachments/assets/075fd29d-3b3f-43d1-81a5-4aae52b6a3ff" /> • Added wider spacing between horizontal / vertical alignment buttons for separation <img width="297" height="76" alt="Screenshot-20251215163403" src="https://github.com/user-attachments/assets/f2b65e6c-16b4-4126-8907-fc4fd1af1101" /> ### SVG WIDGET • Same as text emboss widget. matched icon and text colors when its modified <img width="340" height="387" alt="Screenshot-20251215165153" src="https://github.com/user-attachments/assets/6129c0fa-01a4-4a9d-8690-8e561ec1ec9e" /> ### WIDGETS • Fixed scaling issue on windows for help button <img width="599" height="517" alt="Screenshot-20251210205921" src="https://github.com/user-attachments/assets/6fd855ed-eeda-48d2-8ef0-0b91b6dc37b4" /> • Matched sizes of radio buttons on widgets. also matched border color text widget - it was oversized before <img width="568" height="203" alt="Screenshot-20251215162919" src="https://github.com/user-attachments/assets/4ffacec3-c084-4370-8753-8f6e859e28c2" /> svg widget <img width="591" height="233" alt="Screenshot-20251215163118" src="https://github.com/user-attachments/assets/5abeafa3-a0e6-40b5-82eb-cdd4fd5ebac9" /> cut widget <img width="602" height="140" alt="Screenshot-20251215163001" src="https://github.com/user-attachments/assets/d692daa8-cc67-466c-a7a8-ae24598408ca" /> ### SIDEBAR • Increased spacing between icons if they are not in same control group. like if its not related with combo box etc. this will reduce accidental clicks • Replaced advanced text with icon. also improved readability of icon • Clicking advanced icon also toggles mode now • Added tooltips to advanced icon / toggle before-after <img width="811" height="304" alt="Screenshot-20251213015102" src="https://github.com/user-attachments/assets/5cd4bfbb-c8f4-4672-b2a2-e713755c665f" /> Only problematic language is russian for this section. tried ellipsize label but didnt worked as expected since there is a stretch spacer. compare and object table buttons not visible for this language while sidebar narrow. using icon istead text for "advanced" reduced problem <img width="811" height="117" alt="Screenshot-20251213014458" src="https://github.com/user-attachments/assets/fa0118da-f1c5-4a6d-9fcb-ede345f0acc4" /> ### AMS ICONS • redesigned and matched style of ams icons • also matched border color on this popup before <img width="348" height="332" alt="Screenshot-20251214193302" src="https://github.com/user-attachments/assets/e735cc95-5251-43d4-a3db-6edcd25fc787" /> after <img width="338" height="302" alt="Screenshot-20251214195133" src="https://github.com/user-attachments/assets/4789a09e-9ece-4a22-a503-e4a6164aaa04" /> ### OBJECT TABLE • Matched label and parameter box width with sidebar. it triggers less wrapping and fixes combo boxes uses different width before-after <img width="1351" height="1029" alt="Screenshot-20251215142942" src="https://github.com/user-attachments/assets/d8892211-cd23-4909-904c-a49fbcf90194" />
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/OrcaSlicer#1385