✨ Custom window padding on each side of screen

[M4cs]

Feature Request Description

Loop is lovely so far. Really love the intuitive feeling of the gestures as well as the animations, I use yabai for automated window management and have some custom window size settings since I'm using apps like Ubersicht for custom task bars.

Would be great if when using Loop, they would respect these window gaps and borders.

Screenshots

What window looks like with yabai window gaps normally:

What window looks like after loop resizing:

Additional Context

No response

Final Checks

• My issue title is descriptive
• This is a single feature request (multiple feature requests should be reported individually)

[MrKai77]

Thanks for this feature request!
Would this mean that Loop would read Yabai’s settings from the .config folder at the root of the user’s account?
I haven’t used Yabai much, but I’m definitely open to implementing this :)

[M4cs]

Thanks for this feature request! Would this mean that Loop would read Yabai’s settings from the .config folder at the root of the user’s account? I haven’t used Yabai much, but I’m definitely open to implementing this :)

I think that would probably be easiest, not sure if there's a way to actually read from the yabai daemon or something but that would be optimal. Loop has been great so far! With some of the extra padding in the settings I was able to get it close to the window gaps I need but not quite.

[yougotwill]

@MrKai77 Another way to resolve this would be to allow window padding per side like in Amethyst instead of 1 padding value for all sides. Didn't want to open a new issue for a similar problem. Would love to have this feature implemented.

[MrKai77]

Ohh yeah actually I like that idea! I can probably make a UI similar to the custom keybind UI. I don't know if I will be able to finish that before the next release though :)

[yougotwill]

@MrKai77 Thank you for your quick reply. I understand it might not be in the next release but would love to have it as soon as you can. Would make loop a perfect complement to amethyst or yabai 😊 Really enjoying how smooth it is.

[MrKai77]

Sorry for the wait! Here's a build with the changes:
Loop.zip

Screenshot 😎:

[yougotwill]

Hi @MrKai77 I assume the zip you uploaded is now outdated so I can't test until the release?

[MrKai77]

Whoops sorry!
I forgot to upload a new version :(
Here's an updated one:
Loop.zip

[yougotwill]

@MrKai77 One issue I have with this design for screen padding is there is no way to know the value on the slider? Like what is 5 pixels? I have to take 50px and divide up the notches or something.

Not sure you how want to display the current value but I suggest maybe when you grab the notch it shows the value above it as a tooltip or something?

[yougotwill]

and when you drag it updates

[MrKai77]

One issue I have with this design for screen padding is there is no way to know the value on the slider? Like what is 5 pixels? I have to take 50px and divide up the notches or something.

You can toggle "Use Custom Values" near the top to enter your own values :)
Also, the slider goes up by increments of 5 every time.

[yougotwill]

You can toggle "Use Custom Values" near the top to enter your own values :)

That is good. I did see that.

Also, the slider goes up by a value to 5 every time.

Might be good to explain this somewhere. Just for noobie users 🙏

Sorry if I'm going overboard. It works perfectly with amethyst though so now loop is upgraded to being a daily driver for me. Thank you!

[MrKai77]

Sorry if I'm going overboard. It works perfectly with amethyst though so now loop is upgraded to being a daily driver for me. Thank you!

No problem!

Might be good to explain this somewhere. Just for noobie users 🙏

Yeah now that I'm thinking about it, it might be better to simply remove the sliders in the first place (and stick with only the text boxes), to reduce complexity.

[MrKai77]

here's a build without those sliders!
Loop.zip

[yougotwill]

Perfect. Thank you!