django-froala-editor icon indicating copy to clipboard operation
django-froala-editor copied to clipboard

Fix django admin site form related field style

Open Chaoyingz opened this issue 5 years ago • 3 comments

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

Chaoyingz avatar Sep 19 '19 06:09 Chaoyingz

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?

zachtaylor21 avatar Dec 02 '19 15:12 zachtaylor21

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

ericel avatar Jan 31 '20 13:01 ericel

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

StevenMapes avatar Dec 23 '20 14:12 StevenMapes