Django admin page with summer note editor causing toggle to expand making it look odd

I currently installed django summer note on a blog. It loads fine, and I see no errors in console, but it looks like this ..

enter image description here

The main admin loads fine, it's just the create post page.

My admin.py file in the blog looks like this

from django.contrib import admin
from .models import Post, Newsletter

from django_summernote.admin import SummernoteModelAdmin

class PostAdmin(SummernoteModelAdmin):
    list_display = ('title', 'slug', 'status', 'created_on')
    list_filter = ('status', 'created_on')
    search_fields = ['title', 'content']
    prepopulated_fields = {'slug': ('title',)}

    summernote_fields = ('content',)

admin.site.register(Post, PostAdmin)

class NewsletterAdmin(admin.ModelAdmin):
    list_display = ('email', 'confirmed')

admin.site.register(Newsletter, NewsletterAdmin)

For some reason my admin CSS wasn't fully copied. So make sure when you collect static that you pass it to the static if you are using nginx correctly.

Back to Top