search

froala / django-froala-editor

Package to integrate Froala WYSIWYG HTML rich text editor with Django.
https://froala.com/wysiwyg-editor
283 stars 72 forks source link

Fix django admin site form related field style #75

Open Chaoyingz opened 4 years ago

Chaoyingz commented 4 years ago

Related to reported issue #70, this CSS fixes the django admin site form related and text field style.

Before the fix: befor

After the fix: after

zachtaylor21 commented 4 years ago

I like what you've done here. I do think it would look more uniform if the froala editor was left aligned with the other input elements. Does anyone else have thoughts on this?

ericel commented 4 years ago

This issue still do exists. I just installed the latest version and here is what I am getting on screen size > 1156:

Screen Shot 2020-01-31 at 10 56 35 PM
StevenMapes commented 3 years ago

Any chance of this getting merged in as it's a really annoying issue without it. If anyones come across this still unfixed in the future the quickest patch you can make is to overload the admin/base_site.html template and add this to apply the fixes across your project

{% extends "admin/base_site.html" %}
{% block extrahead %}
    <style>
        form .fr-element p {
            clear: both;
            z-index: 1;
            padding-top: 10px;
            display: inline-block;
        }

        .related-widget-wrapper {
            float: unset;
            display: inline-block;
        }
    </style>
{% endblock %}