Robust object positioning

[matrxs]

Right now in the new frontend the grid is a set of aligned divs, which get their relative position from the div html position. However, in MATRXS multiple objects can occupy 1 cell in MATRXS. How can this be achieved in the new frontend?

This issue is related to when the objects are going to move. In that case, a more robust / free-floating positioning of objects seems to be required. E.g. absolute positioning?

[wiardjorritsma]

I made a new version of init_grid to address this issue. Please check if this is a good solution. Then I'll fix the new layout issues it has created :)

[matrxs]

Looks good!

Only points which might become an issue is that all sizes and such are defined using the em css unit, as such:

    left: 40em;
    top: 20em;
    height: 5em;
    width: 5em;

According to here, em is defined as Relative to the font-size of the element (2em means 2 times the size of the current font). I think this becomes an issue when we wan't to have text of varying sizes in various objects, which also affects their height / width. So we might want to look into other units, such as px or vh.

Other issue is that it is not responsive yet, but that might fall under the new layout issues which you mentioned :) I would also think making the grid screen filling, while keeping the aspect ratio, would be best. However, if that is difficult with css we might also be able to do it with JS.

[jwaa]

@wiardjorritsma can this issue be closed? As it has been reviewed and approved, and no branch or merge request is linked to this.

[wiardjorritsma]

Yes it can be closed