Updated CHANGELOG and version.

![Confirmation page](https://i.imgur.com/h4hflxu.png)

.github/FUNDING.yml

@@ -1,6 +1,2 @@
 github: [fabiocaccamo]
-patreon: fabiocaccamo
-ko_fi: fabiocaccamo
-liberapay: fabiocaccamo
-issuehunt: fabiocaccamo
 custom: ['https://www.paypal.me/fabiocaccamo']

.travis.yml

@@ -76,6 +76,10 @@ jobs:
       env: TOX_ENV=py36-dj31-sqlite
     - python: "3.6"
       env: TOX_ENV=py36-dj31-postgres
+    - python: "3.6"
+      env: TOX_ENV=py36-dj32-sqlite
+    - python: "3.6"
+      env: TOX_ENV=py36-dj32-postgres
     - python: "3.6"
       env: TOX_ENV=py36-djmaster-sqlite
     - python: "3.6"
@@ -100,6 +104,10 @@ jobs:
       env: TOX_ENV=py37-dj31-sqlite
     - python: "3.7"
       env: TOX_ENV=py37-dj31-postgres
+    - python: "3.7"
+      env: TOX_ENV=py37-dj32-sqlite
+    - python: "3.7"
+      env: TOX_ENV=py37-dj32-postgres
     - python: "3.7"
       env: TOX_ENV=py37-djmaster-sqlite
     - python: "3.7"
@@ -116,26 +124,34 @@ jobs:
       env: TOX_ENV=py38-dj31-sqlite
     - python: "3.8"
       env: TOX_ENV=py38-dj31-postgres
+    - python: "3.8"
+      env: TOX_ENV=py38-dj32-sqlite
+    - python: "3.8"
+      env: TOX_ENV=py38-dj32-postgres
     - python: "3.8"
       env: TOX_ENV=py38-djmaster-sqlite
     - python: "3.8"
       env: TOX_ENV=py38-djmaster-postgres
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-dj22-sqlite
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-dj22-postgres
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-dj30-sqlite
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-dj30-postgres
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-dj31-sqlite
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-dj31-postgres
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-djmaster-sqlite
-    # - python: "3.9"
-    #   env: TOX_ENV=py39-djmaster-postgres
+    - python: "3.9"
+      env: TOX_ENV=py39-dj22-sqlite
+    - python: "3.9"
+      env: TOX_ENV=py39-dj22-postgres
+    - python: "3.9"
+      env: TOX_ENV=py39-dj30-sqlite
+    - python: "3.9"
+      env: TOX_ENV=py39-dj30-postgres
+    - python: "3.9"
+      env: TOX_ENV=py39-dj31-sqlite
+    - python: "3.9"
+      env: TOX_ENV=py39-dj31-postgres
+    - python: "3.9"
+      env: TOX_ENV=py39-dj32-sqlite
+    - python: "3.9"
+      env: TOX_ENV=py39-dj32-postgres
+    - python: "3.9"
+      env: TOX_ENV=py39-djmaster-sqlite
+    - python: "3.9"
+      env: TOX_ENV=py39-djmaster-postgres
   allow_failures:
     - env: TOX_ENV=py36-djmaster-sqlite
     - env: TOX_ENV=py36-djmaster-postgres
@@ -143,8 +159,8 @@ jobs:
     - env: TOX_ENV=py37-djmaster-postgres
     - env: TOX_ENV=py38-djmaster-sqlite
     - env: TOX_ENV=py38-djmaster-postgres
-    # - env: TOX_ENV=py39-djmaster-sqlite
-    # - env: TOX_ENV=py39-djmaster-postgres
+    - env: TOX_ENV=py39-djmaster-sqlite
+    - env: TOX_ENV=py39-djmaster-postgres
 install:
   - pip install tox
 services:

CHANGELOG.md

@@ -4,6 +4,48 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.16.3](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.16.3) - 2021-04-26
+-  Added `compat` module.
+-  Added missing `0021_file_extension_validator` migration. #126
+-  Formatted migrations.
+
+## [0.16.2](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.16.2) - 2021-04-23
+-  Added `python 3.9` and `django 3.2` to CI.
+-  Added `FileExtensionValidator` to `logo` and `favicon` fields. #112
+-  Fixed `models.W042` warning on `django 3.2`.
+-  Fixed header `min-height`.
+-  Fixed selects `min-width`.
+-  Fixed changelist search, actions and submit button horizontal margins.
+-  Fixed related widget wrapper margin/padding with normal select and in inlines.
+-  Fixed tabular inlines horizontal scroll.
+
+## [0.16.1](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.16.1) - 2021-04-07
+-  Fixed style of "Delete" and "Save" buttons in the delete confirmation page. #123
+-  Overridden dark-mode css variables introduced in `django 3.2`. #124
+
+## [0.16.0](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.16.0) - 2021-03-30
+-  Added customizable colors for selected apps and models in dashboard. #122
+-  Added `responsive_rtl.css` stylesheet. #98
+-  Updated `vazir-font` version to `27.2.2`. #98
+
+## [0.15.6](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.6) - 2021-03-26
+-  Fixed `show_change_link` related modal support. #120
+-  Fixed inline changelink style.
+-  Made globally available `presentRelatedObjectModal` and `presentRelatedObjectModalOnClickOn` js functions.
+
+## [0.15.5](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.5) - 2021-03-02
+-  Fixed sticky submit and pagination `z-index` issue with related modal.
+
+## [0.15.4](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.4) - 2021-03-01
+-  Fixed sticky submit and pagination `z-index` issue with sticky `list_filter` and `django-json-widget`.
+
+## [0.15.3](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.3) - 2021-02-08
+-  Fixed sticky submit and pagination width when `admin.site.enable_nav_sidebar = False`. #113
+
+## [0.15.2](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.2) - 2021-02-03
+-  Fixed body classes template rendering.
+-  Improved sticky submit and pagination backward compatibility.
+
 ## [0.15.1](https://github.com/fabiocaccamo/django-admin-interface/releases/tag/0.15.1) - 2021-02-03
 -  Fixed and improved sticky form controls and pagination style.
 

README.md

@@ -22,10 +22,12 @@ django-admin-interface is a modern **responsive flat admin interface customizabl
 - Beautiful default **django-theme**
 - Themes management and customization *(you can **customize admin title, logo and colors**)*
 - Responsive
-- List filter dropdown *(optional)*
-- `NEW` **Related modal** *(instead of the old popup window, optional)*
-- `NEW` **Environment name/marker**
-- `NEW` **Language chooser**
+- Related modal *(instead of the old popup window)*
+- Environment name/marker
+- Language chooser
+- List filter dropdown
+- `NEW` **List filter sticky**
+- `NEW` **Form controls sticky** *(pagination and save/delete buttons)*
 - Compatibility / Style optimizations for:
   - `django-ckeditor`
   - `django-dynamic-raw-id`
@@ -99,8 +101,10 @@ You can add **theme support to existing third-party libraries** using the follow
 - `--admin-interface-header-link-color`
 - `--admin-interface-header-link_hover-color`
 - `--admin-interface-module-background-color`
+- `--admin-interface-module-background-selected-color`
 - `--admin-interface-module-text-color`
 - `--admin-interface-module-link-color`
+- `--admin-interface-module-link-selected-color`
 - `--admin-interface-module-link-hover-color`
 - `--admin-interface-generic-link-color`
 - `--admin-interface-generic-link-hover-color`
@@ -159,6 +163,19 @@ Released under [MIT License](LICENSE.txt).
 
 ---
 
+## Supporting
+
+I would like to spend more time on this project, especially to improve it and adding new features.
+
+As everyone knows open-source projects takes up a lot of time that is unpaid. :money_with_wings:
+
+If you are using this package in commercial project(s), please consider the idea to become a sponsor or donating once:
+
+- [GitHub Sponsor](https://github.com/sponsors/fabiocaccamo)
+- [PayPal](https://www.paypal.me/fabiocaccamo)
+- BTC: bc1q2t0pv8z3udpyuvfnx5kskhqdad4dcvtfuzmvjw
+- ETH: 0x8B55Fb7798b5A9F797A4455C00821B6e53daca74
+
 ## See also
 
 - [`django-colorfield`](https://github.com/fabiocaccamo/django-colorfield) - simple color field for models with a nice color-picker in the admin. 🎨

admin_interface/admin.py

@@ -1,13 +1,9 @@
 # -*- coding: utf-8 -*-
 
+from admin_interface.compat import gettext_lazy as _
 from admin_interface.models import Theme
 
-import django
 from django.contrib import admin
-if django.VERSION < (2, 0):
-    from django.utils.translation import ugettext_lazy as _
-else:
-    from django.utils.translation import gettext_lazy as _
 
 
 class ThemeAdmin(admin.ModelAdmin):
@@ -71,8 +67,10 @@ class ThemeAdmin(admin.ModelAdmin):
             'classes': ('wide', ),
             'fields': (
                 'css_module_background_color',
+                'css_module_background_selected_color',
                 'css_module_text_color',
                 'css_module_link_color',
+                'css_module_link_selected_color',
                 'css_module_link_hover_color',
                 'css_module_rounded_corners',
             )

admin_interface/apps.py

@@ -1,18 +1,16 @@
 # -*- coding: utf-8 -*-
 
-import django
+from admin_interface.compat import gettext_lazy as _
+
 from django.apps import AppConfig
 from django.db.models.signals import post_migrate
-if django.VERSION < (2, 0):
-    from django.utils.translation import ugettext_lazy as _
-else:
-    from django.utils.translation import gettext_lazy as _
 
 
 class AdminInterfaceConfig(AppConfig):
 
     name = 'admin_interface'
     verbose_name = _('Admin Interface')
+    default_auto_field = 'django.db.models.AutoField'
 
     def ready(self):
 

admin_interface/compat.py

@@ -0,0 +1,15 @@
+# -*- coding: utf-8 -*-
+
+import django
+
+if django.VERSION < (2, 0):
+    from django.utils.encoding import force_text as force_str
+    from django.utils.translation import ugettext_lazy as gettext_lazy
+else:
+    from django.utils.encoding import force_str
+    from django.utils.translation import gettext_lazy
+
+if django.VERSION >= (1, 11):
+    from django.core.validators import FileExtensionValidator
+else:
+    FileExtensionValidator = lambda allowed_extensions: None

admin_interface/migrations/0009_add_enviroment.py

@@ -15,11 +15,21 @@ class Migration(migrations.Migration):
         migrations.AddField(
             model_name='theme',
             name='env',
-            field=models.CharField(choices=[('development', 'Development'), ('testing', 'Testing'), ('staging', 'Staging'), ('production', 'Production')], default='development', max_length=50, verbose_name='enviroment'),
+            field=models.CharField(
+                choices=[
+                    ('development', 'Development'),
+                    ('testing', 'Testing'),
+                    ('staging', 'Staging'),
+                    ('production', 'Production')],
+                default='development',
+                max_length=50,
+                verbose_name='enviroment'),
         ),
         migrations.AddField(
             model_name='theme',
             name='env_visible',
-            field=models.BooleanField(default=True, verbose_name='visible'),
+            field=models.BooleanField(
+                default=True,
+                verbose_name='visible'),
         ),
     ]

admin_interface/migrations/0010_add_localization.py

@@ -15,31 +15,55 @@ class Migration(migrations.Migration):
         migrations.AlterField(
             model_name='theme',
             name='active',
-            field=models.BooleanField(default=True, verbose_name='active'),
+            field=models.BooleanField(
+                default=True,
+                verbose_name='active'),
         ),
         migrations.AlterField(
             model_name='theme',
             name='css',
-            field=models.TextField(blank=True, verbose_name='text color'),
+            field=models.TextField(
+                blank=True,
+                verbose_name='text color'),
         ),
         migrations.AlterField(
             model_name='theme',
             name='env',
-            field=models.CharField(choices=[('development', 'Development'), ('testing', 'Testing'), ('staging', 'Staging'), ('production', 'Production')], default='development', max_length=50, verbose_name='environment'),
+            field=models.CharField(
+                choices=[
+                    ('development', 'Development'),
+                    ('testing', 'Testing'),
+                    ('staging', 'Staging'),
+                    ('production', 'Production')
+                ],
+                default='development',
+                max_length=50,
+                verbose_name='environment'),
         ),
         migrations.AlterField(
             model_name='theme',
             name='logo',
-            field=models.FileField(blank=True, help_text='Leave blank to use the default Django logo', upload_to='admin-interface/logo/', verbose_name='logo'),
+            field=models.FileField(
+                blank=True,
+                help_text='Leave blank to use the default Django logo',
+                upload_to='admin-interface/logo/',
+                verbose_name='logo'),
         ),
         migrations.AlterField(
             model_name='theme',
             name='name',
-            field=models.CharField(default='Django', max_length=50, verbose_name='name'),
+            field=models.CharField(
+                default='Django',
+                max_length=50,
+                verbose_name='name'),
         ),
         migrations.AlterField(
             model_name='theme',
             name='title',
-            field=models.CharField(blank=True, default='Django administration', max_length=50, verbose_name='title'),
+            field=models.CharField(
+                blank=True,
+                default='Django administration',
+                max_length=50,
+                verbose_name='title'),
         ),
     ]

admin_interface/migrations/0012_update_verbose_names.py

@@ -17,11 +17,21 @@ class Migration(migrations.Migration):
         migrations.AlterField(
             model_name='theme',
             name='logo_color',
-            field=colorfield.fields.ColorField(blank=True, default='#FFFFFF', help_text='#FFFFFF', max_length=10, verbose_name='color'),
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='color'),
         ),
         migrations.AlterField(
             model_name='theme',
             name='title_color',
-            field=colorfield.fields.ColorField(blank=True, default='#F5DD5D', help_text='#F5DD5D', max_length=10, verbose_name='color'),
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#F5DD5D',
+                help_text='#F5DD5D',
+                max_length=10,
+                verbose_name='color'),
         ),
     ]

admin_interface/migrations/0013_add_related_modal_close_button.py

@@ -15,6 +15,8 @@ class Migration(migrations.Migration):
         migrations.AddField(
             model_name='theme',
             name='related_modal_close_button_visible',
-            field=models.BooleanField(default=True, verbose_name='close button visible'),
+            field=models.BooleanField(
+                default=True,
+                verbose_name='close button visible'),
         ),
     ]

admin_interface/migrations/0014_name_unique.py

@@ -15,6 +15,10 @@ class Migration(migrations.Migration):
         migrations.AlterField(
             model_name='theme',
             name='name',
-            field=models.CharField(default='Django', max_length=50, unique=True, verbose_name='name'),
+            field=models.CharField(
+                default='Django',
+                max_length=50,
+                unique=True,
+                verbose_name='name'),
         ),
     ]

admin_interface/migrations/0015_add_language_chooser_active.py

@@ -15,6 +15,8 @@ class Migration(migrations.Migration):
         migrations.AddField(
             model_name='theme',
             name='language_chooser_active',
-            field=models.BooleanField(default=True, verbose_name='active'),
+            field=models.BooleanField(
+                default=True,
+                verbose_name='active'),
         ),
     ]

admin_interface/migrations/0016_add_language_chooser_display.py

@@ -15,6 +15,13 @@ class Migration(migrations.Migration):
         migrations.AddField(
             model_name='theme',
             name='language_chooser_display',
-            field=models.CharField(choices=[('code', 'code'), ('name', 'name')], default='code', max_length=10, verbose_name='display'),
+            field=models.CharField(
+                choices=[
+                    ('code', 'code'),
+                    ('name', 'name')
+                ],
+                default='code',
+                max_length=10,
+                verbose_name='display'),
         ),
     ]

admin_interface/migrations/0017_change_list_filter_dropdown.py

@@ -15,6 +15,8 @@ class Migration(migrations.Migration):
         migrations.AlterField(
             model_name='theme',
             name='list_filter_dropdown',
-            field=models.BooleanField(default=True, verbose_name='use dropdown'),
+            field=models.BooleanField(
+                default=True,
+                verbose_name='use dropdown'),
         ),
     ]

admin_interface/migrations/0018_theme_list_filter_sticky.py

@@ -15,6 +15,8 @@ class Migration(migrations.Migration):
         migrations.AddField(
             model_name='theme',
             name='list_filter_sticky',
-            field=models.BooleanField(default=True, verbose_name='sticky position'),
+            field=models.BooleanField(
+                default=True,
+                verbose_name='sticky position'),
         ),
     ]

admin_interface/migrations/0019_add_form_sticky.py

@@ -1,4 +1,6 @@
-# Generated by Django 3.1.5 on 2021-01-29 20:29
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
 
 from django.db import migrations, models
 
@@ -13,11 +15,15 @@ class Migration(migrations.Migration):
         migrations.AddField(
             model_name='theme',
             name='form_pagination_sticky',
-            field=models.BooleanField(default=False, verbose_name='sticky pagination'),
+            field=models.BooleanField(
+                default=False,
+                verbose_name='sticky pagination'),
         ),
         migrations.AddField(
             model_name='theme',
             name='form_submit_sticky',
-            field=models.BooleanField(default=False, verbose_name='sticky submit'),
+            field=models.BooleanField(
+                default=False,
+                verbose_name='sticky submit'),
         ),
     ]

admin_interface/migrations/0020_module_selected_colors.py

@@ -0,0 +1,45 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from django.db import migrations
+from django.db.models import F
+
+import colorfield.fields
+
+
+def default_link_selected(apps, schema_editor):
+    Theme = apps.get_model("admin_interface", "Theme")
+    Theme.objects.update(
+        css_module_link_selected_color=F('css_module_link_color'))
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0019_add_form_sticky'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='theme',
+            name='css_module_background_selected_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFCC',
+                help_text='#FFFFCC',
+                max_length=10,
+                verbose_name='background selected color'),
+        ),
+        migrations.AddField(
+            model_name='theme',
+            name='css_module_link_selected_color',
+            field=colorfield.fields.ColorField(
+                blank=True,
+                default='#FFFFFF',
+                help_text='#FFFFFF',
+                max_length=10,
+                verbose_name='link selected color'),
+        ),
+        migrations.RunPython(default_link_selected),
+    ]

admin_interface/migrations/0021_file_extension_validator.py

@@ -0,0 +1,45 @@
+# -*- coding: utf-8 -*-
+
+from __future__ import unicode_literals
+
+from admin_interface.compat import FileExtensionValidator
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('admin_interface', '0020_module_selected_colors'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='theme',
+            name='favicon',
+            field=models.FileField(
+                blank=True,
+                help_text='(.ico|.png|.gif - 16x16|32x32 px)',
+                upload_to='admin-interface/favicon/',
+                validators=[
+                    FileExtensionValidator(allowed_extensions=[
+                        'gif', 'ico', 'jpg', 'jpeg', 'png', 'svg'
+                    ])
+                ],
+                verbose_name='favicon'),
+        ),
+        migrations.AlterField(
+            model_name='theme',
+            name='logo',
+            field=models.FileField(
+                blank=True,
+                help_text='Leave blank to use the default Django logo',
+                upload_to='admin-interface/logo/',
+                validators=[
+                    FileExtensionValidator(allowed_extensions=[
+                        'gif', 'jpg', 'jpeg', 'png', 'svg'
+                    ])
+                ],
+                verbose_name='logo'),
+        ),
+    ]

admin_interface/models.py

@@ -3,18 +3,12 @@
 from __future__ import unicode_literals
 
 from admin_interface.cache import del_cached_active_theme
+from admin_interface.compat import FileExtensionValidator, force_str, gettext_lazy as _
 
 from colorfield.fields import ColorField
 
-import django
 from django.db import models
 from django.db.models.signals import post_delete, post_save, pre_save
-if django.VERSION < (2, 0):
-    from django.utils.encoding import force_text as force_str
-    from django.utils.translation import ugettext_lazy as _
-else:
-    from django.utils.encoding import force_str
-    from django.utils.translation import gettext_lazy as _
 
 from six import python_2_unicode_compatible
 
@@ -99,6 +93,8 @@ class Theme(models.Model):
     logo = models.FileField(
         upload_to='admin-interface/logo/',
         blank=True,
+        validators=[FileExtensionValidator(
+            allowed_extensions=['gif', 'jpg', 'jpeg', 'png', 'svg'])],
         help_text=_('Leave blank to use the default Django logo'),
         verbose_name=_('logo'))
     logo_color = ColorField(
@@ -114,6 +110,8 @@ class Theme(models.Model):
     favicon = models.FileField(
         upload_to='admin-interface/favicon/',
         blank=True,
+        validators=[FileExtensionValidator(
+            allowed_extensions=['gif', 'ico', 'jpg', 'jpeg', 'png', 'svg'])],
         help_text=_('(.ico|.png|.gif - 16x16|32x32 px)'),
         verbose_name=_('favicon'))
 
@@ -178,6 +176,12 @@ class Theme(models.Model):
         help_text='#44B78B',
         max_length=10,
         verbose_name=_('background color'))
+    css_module_background_selected_color = ColorField(
+        blank=True,
+        default='#FFFFCC',
+        help_text='#FFFFCC',
+        max_length=10,
+        verbose_name=_('background selected color'))
     css_module_text_color = ColorField(
         blank=True,
         default='#FFFFFF',
@@ -190,6 +194,12 @@ class Theme(models.Model):
         help_text='#FFFFFF',
         max_length=10,
         verbose_name=_('link color'))
+    css_module_link_selected_color = ColorField(
+        blank=True,
+        default='#FFFFFF',
+        help_text='#FFFFFF',
+        max_length=10,
+        verbose_name=_('link selected color'))
     css_module_link_hover_color = ColorField(
         blank=True,
         default='#C9F0DD',

admin_interface/static/admin_interface/related-modal/related-modal.js

@@ -130,6 +130,10 @@ if (typeof(django) !== 'undefined' && typeof(django.jQuery) !== 'undefined')
                 el.click(data, presentRelatedObjectModal);
             }
 
+            // assign functions to global variables
+            window.presentRelatedObjectModal = presentRelatedObjectModal;
+            window.presentRelatedObjectModalOnClickOn = presentRelatedObjectModalOnClickOn;
+
             // django 1.7 compatibility
             // $('a.add-another').removeAttr('onclick').click({ lookup:false }, presentRelatedObjectModal);
             presentRelatedObjectModalOnClickOn('a.add-another');
@@ -145,7 +149,10 @@ if (typeof(django) !== 'undefined' && typeof(django.jQuery) !== 'undefined')
             // django-dynamic-raw-id support - #61
             // https://github.com/lincolnloop/django-dynamic-raw-id
             presentRelatedObjectModalOnClickOn('a.dynamic_raw_id-related-lookup', true);
+
+            // show_change_link=True support
+            presentRelatedObjectModalOnClickOn('a.inlinechangelink');
         });
 
     })(django.jQuery);
-}
+}

admin_interface/templates/admin/base_site.html

@@ -37,7 +37,7 @@ https://github.com/fabiocaccamo/django-admin-interface
 </style>
 
 {% if current_lang == 'fa' %}
-    <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v26.0.2/dist/font-face.css" rel="stylesheet" type="text/css" />
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v27.2.2/dist/font-face.css" />
 {% endif %}
 
 {% endblock %}
@@ -48,13 +48,13 @@ https://github.com/fabiocaccamo/django-admin-interface
 {% get_admin_interface_version as version %}
 {# https://github.com/elky/django-flat-responsive#important-note #}
 <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
-<link rel="stylesheet" href="{% static 'admin/css/responsive.css' %}?v={{ version }}">
+<link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive.css' %}?v={{ version }}">
+<link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive_rtl.css' %}?v={{ version }}" />
 {% include "admin_interface/favicon.html" %}
 {% include "admin_interface/related-modal.html" %}
 {% endblock %}
 
-{% block bodyclass %}admin-interface flat-theme {% get_admin_interface_theme as theme %}{% if theme.name %}{{
-theme.name|slugify }}-theme{% endif %}{% if theme.form_submit_sticky %} sticky-submit {% endif %}{% if theme.form_pagination_sticky %} sticky-pagination {% endif %}{% endblock %}
+{% block bodyclass %}admin-interface flat-theme {% get_admin_interface_theme as theme %}{% if theme.name %}{{ theme.name|slugify }}-theme{% endif %}{% if theme.form_submit_sticky %} sticky-submit {% endif %}{% if theme.form_pagination_sticky %} sticky-pagination {% endif %}{% endblock %}
 
 {% block branding %}
 {% get_admin_interface_theme as theme %}

admin_interface/templates/admin_interface/css/admin-interface-fix.css

@@ -72,8 +72,9 @@
 /* end login fix*/
 
 .admin-interface #header {
-    height:auto;
-    min-height:40px;
+    height: auto;
+    min-height: 55px;
+    box-sizing: border-box;
     display: flex;
     justify-content: space-between;
     align-items: start;
@@ -122,6 +123,13 @@
     padding: 0 1px;
 }
 
+@media (min-width: 1024px) {
+    .admin-interface #changelist .actions .button,
+    .admin-interface #changelist .actions .action-counter {
+        margin-left: 8px;
+    }
+}
+
 .admin-interface #changelist .paginator {
     margin-top:-1px; /* merge 2 borders into 1 */
     line-height:42px;
@@ -164,6 +172,12 @@ body.admin-interface .paginator a.showall:visited {
     margin-left: 5px;
 }
 
+.admin-interface .inline-group .inlinechangelink {
+    background-size: contain;
+    padding-left: 15px;
+    margin-left: 10px;
+}
+
 .admin-interface .file-thumbnail > a {
     display: inline-block;
 }
@@ -178,7 +192,6 @@ body.admin-interface .paginator a.showall:visited {
 
 .admin-interface form .form-row p.file-upload .clearable-file-input {
     display:inline-block;
-    margin-left:
 }
 
 .admin-interface form .form-row p.file-upload .clearable-file-input label {
@@ -297,16 +310,12 @@ body.admin-interface .paginator a.showall:visited {
 }
 /* end fix */
 
-/* begin fix issue #10 - Related widget broken in long tabular inline */
-.admin-interface .inline-group .tabular .related-widget-wrapper {
-    white-space:nowrap;
-}
-/* end fix */
-
 /* begin fix tabular inlines horizontal scroll */
+.admin-interface .inline-related.tabular {
+    overflow-x: scroll;
+}
 .admin-interface .inline-related.tabular fieldset.module {
     display: contents;
-    overflow-x: scroll;
     width: 100%;
     white-space: nowrap;
     position: relative;
@@ -452,17 +461,31 @@ body.admin-interface .paginator a.showall:visited {
 }
 
 /* fixed related widget and select2 */
-.admin-interface .aligned .form-row .related-widget-wrapper {
+/* begin fix issue #10 - Related widget broken in long tabular inline */
+.admin-interface .related-widget-wrapper {
     white-space: nowrap;
 }
+/* end fix */
 
-.admin-interface .aligned .form-row .related-widget-wrapper .select2-container ~ .related-widget-wrapper-link {
-    margin-left: 0;
-    padding: 4px 8px 6px 8px;
+.admin-interface .related-widget-wrapper select + .related-widget-wrapper-link,
+.admin-interface .related-widget-wrapper .select2-container + .related-widget-wrapper-link {
+    margin-left: 12px !important;
 }
 
-.admin-interface .aligned .form-row .related-widget-wrapper .select2-container + .related-widget-wrapper-link {
-    margin-left: 5px !important;
+@media (min-width: 768px) {
+    .admin-interface.change-form select {
+        min-width: 150px;
+    }
+}
+
+@media (min-width: 1024px) {
+    .admin-interface.change-form select {
+        min-width: 200px;
+    }
+}
+
+.admin-interface.change-form .inline-related.tabular select {
+    min-width: auto !important;
 }
 
 /* fixed time widget header border radius */
@@ -476,6 +499,18 @@ body.admin-interface .paginator a.showall:visited {
     padding: 2px 5px 3px 5px;
 }
 
+@media (min-width: 1024px) {
+    .admin-interface #changelist #changelist-search #searchbar,
+    .admin-interface #changelist #changelist-search input[type="submit"],
+    .admin-interface #changelist #changelist-search .quiet {
+        margin-left: 8px;
+    }
+    .admin-interface #changelist #changelist-search label img {
+        vertical-align: text-top;
+        margin-right: 0px;
+    }
+}
+
 @media (max-width: 1024px) {
     .admin-interface #changelist #toolbar {
         border-top: 1px solid #eee;

admin_interface/templates/admin_interface/css/admin-interface.css

@@ -1,4 +1,48 @@
-:root {
+@media (prefers-color-scheme: dark) {
+    :root .admin-interface {
+        --primary: #79aec8;
+        --secondary: #417690;
+        --accent: #f5dd5d;
+        --primary-fg: #fff;
+        --body-fg: #333;
+        --body-bg: #fff;
+        --body-quiet-color: #666;
+        --body-loud-color: #000;
+        --header-color: #ffc;
+        --header-branding-color: var(--accent);
+        --header-bg: var(--secondary);
+        --header-link-color: var(--primary-fg);
+        --breadcrumbs-fg: #c4dce8;
+        --breadcrumbs-link-fg: var(--body-bg);
+        --breadcrumbs-bg: var(--primary);
+        --link-fg: #447e9b;
+        --link-hover-color: #036;
+        --link-selected-fg: #5b80b2;
+        --hairline-color: #e8e8e8;
+        --border-color: #ccc;
+        --error-fg: #ba2121;
+        --message-success-bg: #dfd;
+        --message-warning-bg: #ffc;
+        --message-error-bg: #ffefef;
+        --darkened-bg: #f8f8f8;
+        --selected-bg: #e4e4e4;
+        --selected-row: #ffc;
+        --button-fg: #fff;
+        --button-bg: var(--primary);
+        --button-hover-bg: #609ab6;
+        --default-button-bg: var(--secondary);
+        --default-button-hover-bg: #205067;
+        --close-button-bg: #888;
+        --close-button-hover-bg: #747474;
+        --delete-button-bg: #ba2121;
+        --delete-button-hover-bg: #a41515;
+        --object-tools-fg: var(--button-fg);
+        --object-tools-bg: var(--close-button-bg);
+        --object-tools-hover-bg: var(--close-button-hover-bg);
+    }
+}
+
+:root .admin-interface {
     --admin-interface-title-color: {{ theme.title_color }};
     --admin-interface-logo-color: {{ theme.logo_color }};
     --admin-interface-env-color: {{ theme.env_color }};
@@ -7,8 +51,10 @@
     --admin-interface-header-link-color: {{ theme.css_header_link_color }};
     --admin-interface-header-link_hover-color: {{ theme.css_header_link_hover_color }};
     --admin-interface-module-background-color: {{ theme.css_module_background_color }};
+    --admin-interface-module-background-selected-color: {{ theme.css_module_background_selected_color }};
     --admin-interface-module-text-color: {{ theme.css_module_text_color }};
     --admin-interface-module-link-color: {{ theme.css_module_link_color }};
+    --admin-interface-module-link-selected-color: {{ theme.css_module_link_selected_color }};
     --admin-interface-module-link-hover-color: {{ theme.css_module_link_hover_color }};
     --admin-interface-generic-link-color: {{ theme.css_generic_link_color }};
     --admin-interface-generic-link-hover-color: {{ theme.css_generic_link_hover_color }};
@@ -64,7 +110,7 @@
     position: absolute;
     top: 15px;
     right: 15px;
-    z-index: 5;
+    z-index: 10;
 }
 @media (min-width:768px) {
     .admin-interface .language-chooser {
@@ -126,7 +172,7 @@
 
 .admin-interface #nav-sidebar .current-app .section:link,
 .admin-interface #nav-sidebar .current-app .section:visited {
-    color: {{ theme.css_module_link_color }};
+    color: {{ theme.css_module_link_selected_color }};
     font-weight: normal;
 }
 
@@ -136,11 +182,11 @@
 }
 
 .admin-interface #nav-sidebar .current-model {
-    background: #FFFFCC;
+    background: {{ theme.css_module_background_selected_color }};
 }
 
 .admin-interface #changelist table tbody tr.selected {
-    background-color: #FFFFCC;
+    background-color: {{ theme.css_module_background_selected_color }};
 }
 
 .admin-interface .module h2,
@@ -272,19 +318,22 @@
 .admin-interface .button.default:hover,
 .admin-interface input[type=submit].default:active,
 .admin-interface input[type=submit].default:focus,
-.admin-interface input[type=submit].default:hover {
+.admin-interface input[type=submit].default:hover,
+.admin-interface.delete-confirmation form .cancel-link:hover {
     background:{{ theme.css_save_button_background_hover_color }};
     color:{{ theme.css_save_button_text_color }};
     outline: none;
 }
 
 .admin-interface .submit-row a.deletelink:link,
-.admin-interface .submit-row a.deletelink:visited {
+.admin-interface .submit-row a.deletelink:visited,
+.admin-interface.delete-confirmation form input[type="submit"] {
     background:{{ theme.css_delete_button_background_color }};
     color:{{ theme.css_delete_button_text_color }};
 }
 
-.admin-interface .submit-row a.deletelink:hover {
+.admin-interface .submit-row a.deletelink:hover,
+.admin-interface.delete-confirmation form input[type="submit"]:hover {
     background:{{ theme.css_delete_button_background_hover_color }};
     color:{{ theme.css_delete_button_text_color }};
 }
@@ -332,11 +381,13 @@
         position: sticky;
         top: 40px;
         float: right;
+        z-index: 30;
     }
     /* feature not available for django < 3.1.2 */
     .admin-interface .module.filtered #toolbar + #changelist-filter {
         position: absolute;
         top: 0px;
+        z-index: 30;
     }
 }
 {% endif %}

admin_interface/templates/admin_interface/css/form-controls.css

@@ -1,15 +1,15 @@
-/* sticky changelist pagination */
+/* sticky pagination */
 
-.admin-interface.sticky-pagination.change-list #main > .content {
+.admin-interface.sticky-pagination.change-list #content-main {
     padding-bottom: 4.375rem;
 }
 
-.admin-interface.sticky-pagination.change-list #main > .content .results + .paginator {
+.admin-interface.sticky-pagination.change-list .paginator {
     width: 100%;
     position: fixed;
     bottom: 0;
     right: 0;
-    z-index: 1;
+    z-index: 40;
     box-sizing: border-box;
     padding-left: 15px;
     padding-right: 15px;
@@ -21,44 +21,44 @@
     margin: 0;
 }
 
-.admin-interface.sticky-pagination.change-list.popup #main > .content .results + .paginator {
+.admin-interface.sticky-pagination.change-list.popup .paginator {
     padding-left: 20px;
     padding-right: 20px;
 }
 
 @media (min-width:768px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main > .content .results + .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
         padding-left: 30px;
         padding-right: 30px;
     }
 }
 
 @media (min-width:1024px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main > .content .results + .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
         padding-left: 40px;
         padding-right: 40px;
     }
 }
 
 @media (min-width:1280px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > .content .results + .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > #nav-sidebar + .content .paginator {
         width: calc(100% - 359px);
     }
 }
 
-/* sticky changeform submit */
+/* sticky submit */
 
 @media (min-width:768px) {
-    .admin-interface.sticky-pagination.change-form #main > .content {
+    .admin-interface.sticky-submit.change-form #content-main {
         padding-bottom: 4.375rem;
     }
 
-    .admin-interface.sticky-pagination.change-form #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form .submit-row:last-of-type {
         width: 100%;
         position: fixed;
         bottom: 0;
         right: 0;
-        z-index: 1;
+        z-index: 40;
         box-sizing: border-box;
         padding-left: 15px;
         padding-right: 15px;
@@ -70,27 +70,26 @@
         margin: 0;
     }
 
-    .admin-interface.sticky-pagination.change-form.popup #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form.popup .submit-row:last-of-type {
         padding-left: 20px;
         padding-right: 20px;
     }
 
-
-    .admin-interface.sticky-pagination.change-form:not(.popup) #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
         padding-left: 30px;
         padding-right: 30px;
     }
 }
 
 @media (min-width:1024px) {
-    .admin-interface.sticky-pagination.change-form:not(.popup) #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
         padding-left: 40px;
         padding-right: 40px;
     }
 }
 
 @media (min-width:1280px) {
-    .admin-interface.sticky-pagination.change-form:not(.popup) #main.shifted > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form:not(.popup) #main.shifted > #nav-sidebar + .content .submit-row:last-of-type {
         width: calc(100% - 359px);
     }
 }

admin_interface/templates/admin_interface/css/json-widget.css

@@ -23,7 +23,7 @@ https://github.com/jmrivas86/django-json-widget
 .admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
 .admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus,
 .admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover {
-    background-color: #FFFFCC;
+    background-color: {{ theme.css_module_background_selected_color }};
     color: #000000;
     font-weight: bold;
 }

admin_interface/version.py

@@ -1,3 +1,3 @@
 # -*- coding: utf-8 -*-
 
-__version__ = '0.15.1'
+__version__ = '0.16.3'

setup.py

@@ -55,6 +55,7 @@ setup(
         'Framework :: Django :: 2.2',
         'Framework :: Django :: 3.0',
         'Framework :: Django :: 3.1',
+        'Framework :: Django :: 3.2',
         'Intended Audience :: Developers',
         'License :: OSI Approved :: MIT License',
         'Natural Language :: English',

tox.ini

@@ -2,10 +2,10 @@
 envlist =
     py27-{dj17,dj18,dj19,dj110,dj111}-{sqlite,postgres},
     py35-{dj18,dj19,dj110,dj111,dj20,dj21,dj22}-{sqlite,postgres},
-    py36-{dj18,dj19,dj110,dj111,dj20,dj21,dj22,dj30,dj31,djmaster}-{sqlite,postgres},
-    py37-{dj20,dj21,dj22,dj30,dj31,djmaster}-{sqlite,postgres},
-    py38-{dj22,dj30,dj31,djmaster}-{sqlite,postgres},
-    py39-{dj22,dj30,dj31,djmaster}-{sqlite,postgres},
+    py36-{dj18,dj19,dj110,dj111,dj20,dj21,dj22,dj30,dj31,dj32,djmaster}-{sqlite,postgres},
+    py37-{dj20,dj21,dj22,dj30,dj31,dj32,djmaster}-{sqlite,postgres},
+    py38-{dj22,dj30,dj31,dj32,djmaster}-{sqlite,postgres},
+    py39-{dj22,dj30,dj31,dj32,djmaster}-{sqlite,postgres},
 [testenv]
 passenv = CI TRAVIS TRAVIS_*
 deps =
@@ -19,6 +19,7 @@ deps =
     dj22: Django == 2.2.*
     dj30: Django == 3.0.*
     dj31: Django == 3.1.*
+    dj32: Django == 3.2.*
     djmaster: https://github.com/django/django/archive/master.tar.gz
     # mysql: mysqlclient
     postgres: psycopg2-binary