Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elky/django-flat-responsive
📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0
https://github.com/elky/django-flat-responsive
css django django-admin responsive-theme
Last synced: about 1 month ago
JSON representation
📱 An extension for Django admin that makes interface mobile-friendly. Merged into Django 2.0
- Host: GitHub
- URL: https://github.com/elky/django-flat-responsive
- Owner: elky
- License: other
- Created: 2016-11-07T14:07:11.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-01-05T22:51:13.000Z (over 6 years ago)
- Last Synced: 2024-05-16T14:03:36.850Z (4 months ago)
- Topics: css, django, django-admin, responsive-theme
- Language: CSS
- Homepage:
- Size: 31.3 KB
- Stars: 248
- Watchers: 11
- Forks: 17
- Open Issues: 1
-
Metadata Files:
- Readme: README.rst
Awesome Lists containing this project
- awesome-django - django-flat-responsive - An extension for Django admin and django-flat-theme that makes interface mobile friendly. (Admin interface)
- awesome-django - django-flat-responsive - An extension for Django admin and django-flat-theme that makes interface mobile friendly. (Admin interface)
README
Django Flat Responsive
======================
**django-flat-responsive** is included as `part `_ of Django from `version 2.0 `_! :tada:
Use this app if your project is powered by an older Django version.
Description
-----------
**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.
Installation
------------
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',
...
)
Important note
--------------
⚠️ If you have your own custom ``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 }}
{% endblock %}
Compatibility
-------------
Works in modern mobile browsers which support `CSS Flexbox `_.
Older browser may experience varying levels of graceful degradation.
Testing
-------
Tested with:
|4|
Guaranteed works in:
- iOS Safari 9+
- Android Browser 4.4+
- Chrome for iOS 30+
- Chrome for Android 30+
- Firefox for iOS 5.0+
- Firefox for Android 50+
- Windows Phone IE Mobile 11+
If you found any issues or want this app to support other browser versions -
please report `here `_.
Screenshots
-----------
**Login page**
|1|
------------
**Dashboard**
|2|
------------
**Calendar widget**
|3|
.. |1| image:: https://cloud.githubusercontent.com/assets/209663/20430873/f001c6ee-adea-11e6-9695-df9957db09ce.png
.. |2| image:: https://cloud.githubusercontent.com/assets/209663/20430878/f72836ce-adea-11e6-8517-ef6d2fddd241.png
.. |3| image:: https://cloud.githubusercontent.com/assets/209663/20430883/fee78e00-adea-11e6-9bcb-8cac5a314094.png
.. |4| image:: http://elky.me/browserstack.svg
:width: 200px
:target: http://browserstack.com/