EinEinfach / CaSSAndRA

Cascaded sunray server and rover application
MIT License
29 stars 17 forks source link

Some styling findings #81

Closed EinEinfach closed 1 year ago

EinEinfach commented 1 year ago

image

If I remember correctly before big styling update the stick wasn't cut.

image

Also here the size of joystick is a little to big or container to small

EinEinfach commented 1 year ago

Here is one picture from old version image

ShadedSelf commented 1 year ago

The joystick and nipple cutting of comes from this css class: body, div:not([class]) { height:100%; overflow: hidden; } Which hides overflow on empty divs.

This removes an empty div in joystick.py: joystick = Joystick(id=ids.JOYSTICK, size=230, angle=0, force=0)

And this allows the nipple to overflow: .daq-joystick--light > div { overflow: visible !important; }

ShadedSelf commented 1 year ago

Oh, and this to prevent the scrollbar from appearing when moving the joystick: .offcanvas-body { overflow: hidden; }

EinEinfach commented 1 year ago

An idea how to fix?

EinEinfach commented 1 year ago

https://github.com/EinEinfach/CaSSAndRA/pull/85