django-flat-responsive is an extension for Django admin and django-flat-theme. This app adds CSS file which contains specific media queries for mobile devices, such as phones and tablets.
Install via pip:
pip install django-flat-responsive
For Django 1.9+
Put flat_responsive
app in your INSTALLED_APPS before
django.contrib.admin
:
INSTALLED_APPS = ( ... 'flat_responsive', 'django.contrib.admin', ... )
For older Django versions
If you use Django version older than 1.9 this app will work properly only
in pair with django-flat-theme.
Put flat_responsive
app in your INSTALLED_APPS before flat
:
INSTALLED_APPS = ( ... 'flat_responsive', 'flat', 'django.contrib.admin', ... )
base_site.html
file, you need to add the following lines to it to make this app work:
{% load admin_static %} {% block blockbots %} {{ block.super }} <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"> <link rel="stylesheet" type="text/css" href="{% static 'admin/css/responsive.css' %}" /> {% endblock %}
Works in modern mobile browsers which support CSS Flexbox.
Tested with:
Guaranteed works in:
- iOS Safari 9+
- Android Browser 4.4
- Chrome for iOS 53
- Chrome for Android 53
If you found any issues or want this app to support other browser versions - please report here.
Login page
Dashboard
Calendar widget