Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix PopupPanel and PopupMenu menu styles #96518

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

Giganzo
Copy link
Contributor

@Giganzo Giganzo commented Sep 3, 2024

Fixes: #96517
Edit: Fixes: #67657 (border part)

This makes popup menus using PopupPanel and PopupMenus have same base look, as it is in Godot 3.

Panel border

Adding a default border to the PopupPanel to make it easier to differentiate from the background.
I believe this was removed in PR #45607 and then added back for PopupMenus in PR #48655 (also removed support for Border Size on PopupMenus)

Before:
ps_ss_before

After:
Screenshot_20240902_224247

Border color

In Godot 3 both styles of popup menus uses the same border color, light on dark theme and dark border on light themes.

Godot 3 example:

1 2
ps_3_2 ps_3_1

Currently Godot 4 uses dark border for PopupMenus and with Border Size in Editor Settings set to 1 or 2 PopupPanel uses a light border in dark themes.

Before: with border size set

1 2
Screenshot_20240902_133942 ps_border_size_color_before

After: border size is set to deafult

1 2
Screenshot_20240903_000646 Screenshot_20240902_224259

Because the PopupMenu border is visible by default I went with that color for both in this PR.

Maybe there could be a editor setting for changing outline color, but that would need to be a proposal in that case.

Border Size

In Godot 3 both PopupPanel and PopupMenus uses the Border Size.

PopupPanel uses this already.

This PR also changes PopupMenus to use the editor setting Border Size for the outer border.

Separator width

Due to the change of using Border Size the separator line in PopupMenus was much more obvious that it overlaps the outer border. So this was also changed

Before:
ps_sep_zoom_before

After:
Screenshot_20240902_224601

Compact

Before:
ps_ap_compact_before

After:
Screenshot_20240903_003120

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants