Better buttons for adding and removing shortcuts [#686172]

The existing plus- and minus-buttons are not very pretty due to jagged corners, and pretty they should be!

Here's my attempt at beautifying them by giving them a white background with a slight greyish border. They look much smoother (see attached screenshot shortcut-buttons.png). I think they are also nicer when overlay is not enabled (shortcut-buttons-no-overlay.png).

The new buttons are attached as shortcut.png and go into /modules/shortcut/

Filesize is the same as before.

Comment	File	Size	Author
#4	shortcut.png	979 bytes	reglogge
	shortcut.png	975 bytes	reglogge
	shortcut-buttons-no-overlay.png	17.36 KB	reglogge
	shortcut-buttons.png	58.87 KB	reglogge

Comments

Comment #1

aspilicious commented 16 January 2010 at 12:51

I'm not convinced....

Comment #2

mcrittenden commented 18 January 2010 at 16:06

I like it. They definitely do look a bit smoother, so why not.

Comment #3

dries commented 18 January 2010 at 18:02

I agree that the buttons look a bit blurry, but the proposed buttons don't look 100% either -- try replacing shortcuts.png and you'll see that they get too much attention when they are white. In other words, not convinced yet.

Comment #4

reglogge commented 18 January 2010 at 19:23

Status	File	Size
new	shortcut.png	979 bytes

Slightly greyer version so the don't stand out as much. I love this!

Comment #5

jbrown commented 18 January 2010 at 21:23

I don't know what you mean by jagged corners. The current shortcut.png has perfect antialiasing.

For the overlay, I like the current colours.

Without the overlay, I prefer the colours in your first shortcut.png. I like the contrast of colours between the icon and the title text and also with the bar that appears when hovering. Your antialiasing is not very good.

I was able to reduce the filesize by 31.79% with optipng.

The grey one is awful.