Jump to content

Set Corner Rounding Separately for Each Corner


Recommended Posts

With macOS Big Sur, Apple went crazy rounding window corners.  Alfred 4.5 [1253] allows us to round corners, too, which is great, but the results are weird when trying to minimize the size of the borders while showing the hat.

 

Alfred Modern has a separate search field inside a slightly larger window,

 

1877805732_ScreenShot2021-08-02at4_13_02PM.thumb.jpg.c9c3605642a1abd6750050b54586811c.jpg

 

whereas Frosty Teal drops the extra padding, but has square corners,

 

425583492_ScreenShot2021-08-02at4_17_28PM.thumb.jpg.b629607befa16fb0c59b964afcd31de6.jpg.

 

I'd like something that has rounded corners for the outside of the window, but, as all the corners round together, the best I can do is 

 1949100356_ScreenShot2021-08-02at4_22_03PM.thumb.jpg.33797c75ffde178268341cbac56f5b69.jpg

 

Ideally, I think that the upper-left corner of the search field (rounded to 11 px) would match the rounded corner of the window (11 px), but the other corners would be square.  Removing the hat allows the search field's upper right corner to blend with the window's upper-right corner, but (1) I like the hat, and (2) that doesn't help with the bottom corners.

 

With CSS, you could address each corner separately, but from the contents of the .alfredappearance files it looks like Alfred is either using Apple's code or custom code to do the window layout.

 

Thanks!

 

   Claire

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...