how to fix margins on the little helper text for Alfred's file browser and actions menu?

[Floating.Point]

Hey guys,

 

I can't seem to find anywhere within the appearance settings window that will prevent this little text from intersecting with the menu items. Anyone got any tips?

 

[Stephen_C]

What theme are you using? That doesn't seem to happen for me when using, for example, the Alfred Modern Dark theme. Does it happen if you change to one of the (other?) standard themes?

 

If it's not a theme related problem what macOS and Alfred versions are you using?

 

Stephen

[Floating.Point]

Thanks Stephen, This is a theme I built myself. I went ahead and just rebuilt it from scratch and now can not for the life of me replicate the issue… so whatever it was… let us never speak of it again.

[Floating.Point]

Oooooh, I couldn't help myself, I tried to break it again and was able to replicate the issue. It occurs when 'Search Spacing' is set to 0px.

[Andrew]

I'm going to move this to bugs, there really should be a minimum margin here regardless of theme.

[Andrew]

@Floating.Point the "Encode URL" icon seems unusually large in your screenshot (making the issue worse), where is this icon from?

[Floating.Point]

it is from the Text Action's workflow - https://alfred.app/workflows/tborychowski/text-actions/

[Floating.Point]

You've brought up something I didn't think about previously @Andrew. It seems that MacOS's Icons don't take up their entire canvas. Rather they occupy about 80%. So any custom icons that fill their canvas are going to look chonky compared to those using standard system icons.

 

Here is Safari's icon opened in Photoshop

 

I did a little digging and found mention of this on this page

 

 

Quote

 

Define a margin that measures about 10% of the image canvas and keep most of the image within it. Although parts of the image can extend into this margin for optical alignment, it’s best when the image occupies about 80% of the image canvas. For example, most of the center image in a 256x256 px canvas would fit in an area that measures 205x205 px.

 

 

 

 

 

I think I will implement this margin in my future personal icons (as well as updating the Icon Generator workflow)

 

[Andrew]

@Floating.Point most of Alfred's internal icons only adhere loosely to this rule, allowing for limbs and decorations to extend to the full edge. I think the only reason your icon looks big compared to the rest is because it has a full white (rounded) background.

[Andrew]

@Floating.Point The original reported issue should now be fixed in 5.1.3 b2175, could you let me know?

[Floating.Point]

@Andrew Yep confirmed fixed 👍