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

Froala admin CSS breaks Django Admin Select Fields #73

Open SteveChurch opened 5 years ago

SteveChurch commented 5 years ago
    overflow: visible;
}

This breaks the UI when you have drop downs in the django admin.

ron8mcr commented 4 years ago

Just a reminder, there are related issues/PRs: https://github.com/froala/django-froala-editor/issues/70 https://github.com/froala/django-froala-editor/pull/75

evangeloskp commented 3 years ago

Override your model's css with this code in admin.py: class Media: css = { 'all': ('path_to_your_custom_css/custom.css') }

Track each and every foreign key field class and add this css rule: .field-1, .field-2, .field-3 { overflow: hidden !important; }

I also noticed an additional bug concerning the unordered lists. The chosen symbol does not appear. Also solved with this code: .fr-view ul li { list-style-type:unset !important; }

Finally the labels above each froala editor seem to have some problems... label{ margin-bottom: 15px; white-space: nowrap; }