search

havit / Bonusario

POC App for bonuses administration (merit money, rewards, ...)
6 stars 3 forks source link

[Feature] Úprava šířky pravého panelu #39

Closed crdo closed 1 year ago

Harvey1214 commented 1 year ago

@crdo, @hakenr Vytvořil jsem komponentu HxSplitView, která uživateli umožňuje změnu distribuce prostoru mezi dvěma elementy pomocí posuvného "proužku" uprostřed.

V aktuální implementaci se často stává, že uživatel vyjede myší pryč z posuvníku při pokusu o přenastavení šířky, čímž se šířka přestane měnit, proto jsem vyzkoušel přesunout události onmouseup, onmousemove a onmouseleave na div, který wrappuje vše v komponentě HxSplitView.

Toto řešení funguje pěkně, ale není pak možné nic editovat, jelikož se vše při onmouseup přerenderuje.

Nakonec jsem tedy došel k závěru, že bude třeba naimplementovat tuto funkčnost v JS. Pokud by vás napadlo nějaké lepší řešení, tak to můžeme probrat 😉

crdo commented 1 year ago

Ahoj, to mě mrzí, dával jsem tam screeny i popis. Nevím, kam se to ztratilo. Nechci nastavovat šířku toho pravého sloupce. Chtěl jsem to jen zmenšit, protože to zabírá o dost víc místa než to potřebuje.

D.

8. 2. 2023 v 16:02, Mikuláš Hoblík @.***>:



@crdohttps://github.com/crdo, @hakenrhttps://github.com/hakenr Vytvořil jsem komponentu HxSplitView, která uživateli umožňuje změnu distribuce prostoru mezi dvěma elementy pomocí posuvného "proužku" uprostřed.

V aktuální implementacihttps://github.com/havit/Bonusario/commit/b32c3fb4f06c9e048c15fe862c45188bfcfc97ec se často stává, že uživatel vyjede myší pryč z posuvníku při pokusu o přenastavení šířky, čímž se šířka přestane měnit, proto jsem vyzkoušel přesunout události onmouseup, onmousemove a onmouseleave na div, který wrappuje vše v komponentě HxSplitView.

Toto řešení funguje pěkně, ale není pak možné nic editovat, jelikož se vše při onmouseup přerenderuje.

Nakonec jsem tedy došel k závěru, že bude třeba naimplementovat tuto funkčnost v JS. Pokud by vás napadlo nějaké lepší řešení, tak to můžeme probrat 😉

— Reply to this email directly, view it on GitHubhttps://github.com/havit/Bonusario/issues/39#issuecomment-1422734772, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AAKYO2T7BKGHXOMSEL7MHX3WWOYRHANCNFSM6AAAAAAUO323QE. You are receiving this because you were mentioned.Message ID: @.***>