feat: combo bind (frontend)

[MukjepScarlet]

Allows you to use bind like Shift+Ctrl+R.

Showcase:

• OSX icons:

• Transitions (by @sqlerrorthing):

recording_2025-07-16_15.08.04.mp4

closes #6405

depends on #6277 (merged)

[sqlerrorthing]

wow slow down bro

[MukjepScarlet]

@1zun4 @sqlerrorthing

[sqlerrorthing]

@1zun4 @sqlerrorthing

no :(

[sqlerrorthing]

use a combo like "Shift + A" in the bind itself instead of mod buttons bottom of the bind

[1zun4]

What happend to the header?!

[1zun4]

I think it would be better if modifiers would be applied during press and not through an additional option. I mean, most applications allow you to have anything as a bind, so I don't really see why we would limit lb to an modifiers option?

[sqlerrorthing]

I think it would be better if modifiers would be applied during press and not through an additional option.

same.

[MukjepScarlet]

I'll try to do that later. One exisitng problem is the "Bind: XXX" button is not long enough to show something like "A+Shift+Ctrl+Alt"

[1zun4]

Simply scale the text down dynamically if it gets too big. This should be possible using CSS.

[sqlerrorthing]

oh, i see a few ways:

1. use dynamic font size.
2. remove prefix Bind: , use tooltip instead.
3. use both steps (1st n 2nd)

[MukjepScarlet]

Keep updating...

[sqlerrorthing]

Keep updating...

looks pretty good! hide Bind: if there is no enough space

& maybe mute the +?

[MukjepScarlet]

QQ2025713-22437.mp4

[sqlerrorthing]

Also Shift + Control + Numpad 0 fits in 2 lines.

scale the text.

[MukjepScarlet]

I think 2 lines in this situation is acceptable.

[sqlerrorthing]

I think 2 lines in this situation is acceptable.

but hide the name label.

[1zun4]

Because this pull request has commits from #6277 I will until until that pull request is merged.

[MukjepScarlet]

I will solve the conflicts today

[MukjepScarlet]

Resolved, but I need to adjust some styles of the value text.

[sqlerrorthing]

what idk how i do that

[MukjepScarlet]

XD I will make the "Bind: " be combined eith following texts

[sqlerrorthing]

XD I will make the "Bind: " be combined eith following texts

i have other idea.

if there is enough space:

+---------------------------------+
| Bind: Ctrl + Shift + A | Toggle |
+---------------------------------+

+---------------------------------+
| Bind: Ctrl + Shift + A   | Hold |
+---------------------------------+

otherwise:

+-------------------------------+
|            Bind:       Toggle |
| Ctrl + Shift + Alt + Numpad 0 |
+-------------------------------+

+-------------------------------+
|             Bind:        Hold |
| Ctrl + Shift + Alt + Numpad 0 |
+-------------------------------+

[MukjepScarlet]

I'll edit some code when I'm at home.

[sqlerrorthing]

@MukjepScarlet please review my pr

[sqlerrorthing]

This is in progress, today I'll send a video of it

Please 🙏 do it in another pr (in ur repo) and mention me in this pr

[MukjepScarlet]

QQ2025715-214944.mp4

[sqlerrorthing]

good! add aniamtion to the arrow like scale or smth move to right and back when clicking & hovering

[sqlerrorthing]

@MukjepScarlet what remains to do?

[MukjepScarlet]

Nothing

[sqlerrorthing]

good, put screenshots & videos into pr description

[superblaubeere27]

We will have to wait for a review by @SenkJu.

This will be done in 3-5 business years (see #5938)

[sqlerrorthing]

@SenkJu we are orphans

[MukjepScarlet]

Waiting...

[sqlerrorthing]

Waiting...

3-5 business years

[sqlerrorthing]

@superblaubeere27, why u or just... @1zun4 cant review it?

[1zun4]

Needs to be merged with upstream.

[MukjepScarlet]

Needs permission to merge. @SenkJu

[MukjepScarlet]

...

[MukjepScarlet]

This will be merged before 1.21.10.

[sqlerrorthing]

㊗️