fix: Alignment w/ Django 4.2+ admin style (#1453)

* Fix #1377 * Fix: styles for django 4.2+ admin * Fix: Unintended scroll when clearing file widget * Fix linting errors.
django-cms · Mar 22, 2024 · 011d804 · 011d804
1 parent fa385bd
commit 011d804
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 3 deletions.
diff --git a/filer/private/sass/components/_base.scss b/filer/private/sass/components/_base.scss
@@ -96,6 +96,10 @@ body {
     }
 }
 
+.filer-widget {
+    width: 100%;
+}
+
 .field-file,
 .field-sha1 {
     word-wrap: break-word;

diff --git a/filer/static/filer/css/admin_filer.css b/filer/static/filer/css/admin_filer.css
diff --git a/filer/static/filer/css/maps/admin_filer.css.map b/filer/static/filer/css/maps/admin_filer.css.map
diff --git a/filer/static/filer/js/addons/widget.js b/filer/static/filer/js/addons/widget.js
@@ -9,7 +9,7 @@ if (django.jQuery) {
 }
 
 djQuery(function ($) {
-    var filer_clear = function () {
+    var filer_clear = function (ev) {
         var clearer = $(this);
         var container = clearer.closest('.filerFile');
         var input = container.find(':input');
@@ -20,6 +20,7 @@ djQuery(function ($) {
         var dropzoneMessage = container.siblings('.dz-message');
         var hiddenClass = 'hidden';
 
+        ev.preventDefault();
         clearer.addClass(hiddenClass);
         input.val('');
         thumbnail.addClass(hiddenClass);

diff --git a/filer/templates/admin/filer/widgets/admin_file.html b/filer/templates/admin/filer/widgets/admin_file.html
@@ -1,6 +1,7 @@
 {% load i18n filer_admin_tags static %}
 
 {% spaceless %}
+<div class="filer-widget">
     <div class="clearfix"></div>
 
     <div class="dz-preview dz-file-preview hidden js-filer-dropzone-template">
@@ -67,4 +68,5 @@
             </script>
         </span>
     </div>
+</div>
 {% endspaceless %}