Skip to content

Add osu!-style plus/minus icons#408

Merged
peppy merged 2 commits intoppy:masterfrom
LiquidPL:plus-minus-icons
Mar 5, 2026
Merged

Add osu!-style plus/minus icons#408
peppy merged 2 commits intoppy:masterfrom
LiquidPL:plus-minus-icons

Conversation

@LiquidPL
Copy link
Copy Markdown
Contributor

@LiquidPL LiquidPL commented Mar 4, 2026

The ones from Font Awesome had a different line thickness, throwing things off a little.

I've been working on the footer buttons, and it was bugging me how sad the 'add to playlist' button looks with a '+' character as the icon (and also I wanted to consolidate all the new buttons I've been making under a generic 'sheared button with icon' drawable so having an odd one with an OsuSpriteText instead of an icon would be confusing).

These were created in Figma (I can link to my copy of the Master Library thingy elsewhere since I'm not sure if that is supposed to be public), and I did my best to match the style/line thickness/whatever else with the other buttons.

Here's a comparison of the relevant button with and without the new icon:

Before After
image image

The minus icon isn't being used anywhere, but it was low hanging fruit enough that it didn't make sense not to include it.

The ones from Font Awesome had a different line thickness,
throwing things off a little.
@peppy
Copy link
Copy Markdown
Member

peppy commented Mar 4, 2026

New one looks too big to me. Also unfortunate it doesn't have a shadow to match the text.

Wondering if we should go for something more impactful like a + inside a circle. I tend to dislike "icons" which are basically just silhouette characters.

@LiquidPL
Copy link
Copy Markdown
Contributor Author

LiquidPL commented Mar 4, 2026

New one looks too big to me. Also unfortunate it doesn't have a shadow to match the text.

Will adjust when pushing the button changes PR osu-side.

Wondering if we should go for something more impactful like a + inside a circle. I tend to dislike "icons" which are basically just silhouette characters.

I'll see what I can do with that.

@LiquidPL
Copy link
Copy Markdown
Contributor Author

LiquidPL commented Mar 4, 2026

Something like this maybe?

image

On an actual button, with a smaller icon and shadow (still not sure about the exact ShadowOffset though):
image

Also, I suppose it might be better to call these add/remove instead of plus/minus?

@peppy
Copy link
Copy Markdown
Member

peppy commented Mar 5, 2026

Sure. I'd argue it's still too big on the button compared to the font but I guess that's adjustable in game-side code.

LiquidPL added a commit to LiquidPL/osu that referenced this pull request Mar 5, 2026
Related to (but shouldn't depend on) ppy#36802.
Depends on ppy/osu-resources#408.

Pushing this ahead of time mostly to set the new icon on the add to playlist button.
LiquidPL added a commit to LiquidPL/osu that referenced this pull request Mar 5, 2026
Related to (but shouldn't depend on) ppy#36802.
Depends on ppy/osu-resources#408.

Pushing this ahead of time mostly to set the new icon on the add to playlist button.
LiquidPL added a commit to LiquidPL/osu that referenced this pull request Mar 5, 2026
Depends on ppy#36802 and ppy/osu-resources#408.

Pushing this ahead of time mostly to set the new icon on the add to playlist button.
LiquidPL added a commit to LiquidPL/osu that referenced this pull request Mar 5, 2026
Depends on ppy#36802 and ppy/osu-resources#408.

This moves out the common layout from `AddToPlaylistFooterButton` to
a separate `ShearedFooterButton`, that is intended to be used
in other screens which I'm currently working on migrating them to the
new footer.

It also adds a new 'add' icon to be used on the playlists button.

Pushing this ahead of time (without any other buttons using it yet)
mostly to get the new icon on the add to playlist button.

I've set the icon size to `20`. Could get it smaller, howvever
I think it should be a *bit* taller than the button label.
@peppy peppy merged commit 76053d3 into ppy:master Mar 5, 2026
1 check passed
@LiquidPL LiquidPL deleted the plus-minus-icons branch March 5, 2026 17:11
LiquidPL added a commit to LiquidPL/osu that referenced this pull request Mar 13, 2026
Depends on ppy#36802 and ppy/osu-resources#408.

This moves out the common layout from `AddToPlaylistFooterButton` to
a separate `ShearedFooterButton`, that is intended to be used
in other screens which I'm currently working on migrating them to the
new footer.

It also adds a new 'add' icon to be used on the playlists button.

Pushing this ahead of time (without any other buttons using it yet)
mostly to get the new icon on the add to playlist button.

I've set the icon size to `20`. Could get it smaller, howvever
I think it should be a *bit* taller than the button label.
LiquidPL added a commit to LiquidPL/osu that referenced this pull request Mar 23, 2026
Depends on ppy#36802 and ppy/osu-resources#408.

This moves out the common layout from `AddToPlaylistFooterButton` to
a separate `ShearedFooterButton`, that is intended to be used
in other screens which I'm currently working on migrating them to the
new footer.

It also adds a new 'add' icon to be used on the playlists button.

Pushing this ahead of time (without any other buttons using it yet)
mostly to get the new icon on the add to playlist button.

I've set the icon size to `20`. Could get it smaller, howvever
I think it should be a *bit* taller than the button label.

# Conflicts:
#	osu.Game/Screens/OnlinePlay/Playlists/AddToPlaylistFooterButton.cs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants