search

darklow / django-suit

Modern theme for Django admin interface
http://djangosuit.com/
Other
2.32k stars 704 forks source link

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

Closed pulse-mind closed 5 years ago

pulse-mind commented 5 years ago

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/

Napoleon-Black commented 5 years ago

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

daniel-clayton commented 5 years ago

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

andremerlo commented 5 years ago

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

#suit-left {
    width: 200px;
    left: 0px;
    position: absolute;
}
yoelnacho commented 5 years ago

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;
}
minholi commented 5 years ago

Can be fixed with this:

.suit-columns { display: flex; }

kingmray commented 5 years ago

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

gamesbook commented 5 years ago

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

pulse-mind commented 5 years ago

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; }

ayush--s commented 5 years ago

just fixed by adding css suggested in https://github.com/darklow/django-suit/issues/735#issuecomment-531397105 to templates/admin/base_site.html (for v1 suit admin)

gamesbook commented 5 years ago

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

ahmedouvic commented 5 years ago

Fixed it by adding 

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

under templates/admin/base_site.html

darklow commented 5 years ago

Fixed in newest version. Thanks to all contributors.

django-suit==0.2.28