darklow/django-suit

The menu is not displayed with last version of chrome (Version 77.0.3865.75 (Build officiel) (64 bits))

pulse-mind opened this issue ยท 12 comments

The menu that should be displayed on left is not displayed since last version of Chrome : Version 77.0.3865.75 (Build officiel) (64 bits)

Same problem on the demo https://djangosuit.com/admin/

I have the same issue on Chrome Version 77.0.3865.75 (Official Build) (64-bit)

Looks like the menu is being positioned way of the edge of the screen for some reason

Quick fix, by modifying the css (not tested on previous Chrome versions)

#suit-left {
    width: 200px;
    left: 0px;
    position: absolute;
}

Partial fix (chrome 76 and 77).

.suit-columns.two-columns {
    position: relative;
    min-height: 500px; // replace it with minimum menu height
}
#suit-left {
    left: 0;
    position: absolute;
    margin-left: 0;
}

Can be fixed with this:

.suit-columns { display: flex; }

We have the same Problem with V1. Would you provide a patch for this version?

Likewise. This is quite urgent as we have users that are already on v77.x of Chrome.

You can add it by yourself in your project in the code as inline CSS. In my case I used the solution given before
.suit-columns { display: flex; }

just fixed by adding css suggested in #735 (comment) to templates/admin/base_site.html (for v1 suit admin)

Will this fix appear "as is" in a code patch (for versions 1 and 2)?

Fixed it by adding

{% block extrastyle %}
{{ block.super }}
<style>
    .suit-columns { display: flex; }
</style>
{% endblock %}

under templates/admin/base_site.html

Fixed in newest version. Thanks to all contributors.

django-suit==0.2.28