Updated version

README.md

@@ -17,7 +17,11 @@ django-admin-interface is a modern **responsive flat admin interface customizabl
 - List filter dropdown *(optional)*
 - `NEW` **Related modal** *(instead of the old popup window, optional)*
 - `NEW` **Enviroment label** *(development, testing, staging, production)*
-- Style optimizations for: `django-ckeditor`, `django-modeltranslation`, `sorl-thumbnail`
+- Style optimizations for:
+  - `django-ckeditor`
+  - `django-modeltranslation`
+  - `django-tabbed-admin`
+  - `sorl-thumbnail`
 
 ## Requirements
 - Python 2.7, 3.4, 3.5, 3.6

README.rst

@@ -18,7 +18,11 @@ Features
 - List filter dropdown *(optional)*
 - ``NEW`` **Related modal** (instead of the old popup window, optional)
 - ``NEW`` **Enviroment label** (development, testing, staging, production)
-- Style optimizations for: ``django-ckeditor``, ``django-modeltranslation``, ``sorl-thumbnail``
+- Style optimizations for:
+  - `django-ckeditor`
+  - `django-modeltranslation`
+  - `django-tabbed-admin`
+  - `sorl-thumbnail`
 
 Requirements
 ------------

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

@@ -308,6 +308,9 @@ body.admin-interface .paginator a.showall:visited {
         width: 100% !important;
         flex: 0 1 auto;
     }
+    .admin-interface .aligned .form-row input[type="file"] {
+        width: 100% !important;
+    }
 }
 
 /* improve responsive selector */
@@ -326,68 +329,7 @@ body.admin-interface .paginator a.showall:visited {
     text-overflow: ellipsis;
 }
 
-/* fix [not-stacked] selector */
-.admin-interface .selector:not(.stacked) {
-    width: auto;
-    margin-right: 10px;
-}
-
 /* fix [not-stacked] equalize selectors height by adding the height of the .selector-available filter-bar */
 .admin-interface .selector:not(.stacked) .selector-chosen select {
     height: calc(46px + 17.2em) !important;
 }
-
-@media (max-width: 767px){
-    .admin-interface .related-widget-wrapper-link + .selector:not(.stacked) {
-        width: 100%;
-    }
-}
-
-@media (min-width: 768px) and (max-width: 1124px){
-
-    .admin-interface .selector:not(.stacked) .selector-available,
-    .admin-interface .selector:not(.stacked) .selector-chosen {
-        width: 285px;
-        flex: 0 1 auto;
-    }
-    .admin-interface .selector:not(.stacked) .selector-filter {
-        display: flex;
-        align-items: center;
-    }
-    .admin-interface .selector:not(.stacked) .selector-filter label {
-        margin: 0;
-    }
-    .admin-interface .selector:not(.stacked) .selector-available input {
-        width: auto;
-        flex: 1 1;
-    }
-    .admin-interface .selector:not(.stacked) select {
-        width: 100%;
-    }
-}
-
-/* fix [not-stacked] in tabular inline context */
-.admin-interface .tabular.inline-related .selector:not(.stacked) {
-    width: 795px;
-    float: none;
-    display: inline-block;
-    margin-right: 22px;
-}
-
-.admin-interface .tabular.inline-related .form-row .related-widget-wrapper-link:first-child {
-    float: right;
-    display: inline-block;
-}
-
-/* fix [stacked] in tabular inline context */
-.admin-interface .tabular.inline-related .selector.stacked {
-    width: 480px;
-    float: none;
-    display: inline-block;
-    margin-right: 22px;
-}
-
-/* fix [stacked] chooser align center */
-.admin-interface .selector.stacked .selector-chooser {
-    margin-left:calc(50% - 30px);
-}

admin_interface/templates/admin_interface/css/jquery.ui.tabs.css

@@ -43,6 +43,14 @@ backward compatibility:
 .admin-interface .ui-tabs {
     padding: 0;
 }
+
+.admin-interface .ui-tabs,
+.admin-interface .ui-tabs .ui-widget-header,
+.admin-interface .ui-tabs .ui-widget-header .ui-state-default {
+    border: none;
+    background: transparent;
+}
+
 .admin-interface .ui-tabs .ui-tabs-nav {
     padding: 10px 0 0 10px;
     border-bottom: none;

admin_interface/templates/admin_interface/css/tabbed-admin.css

@@ -3,9 +3,35 @@ django-tabbed-admin support
 https://github.com/omji/django-tabbed-admin
 */
 
-@media (max-width: 767px){
-    /* fix horizontal overflow - responsive.css:563 */
-    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .aligned .form-row > div {
-        width: 100%;
+/* Hide tabs until ready */
+/*
+.admin-interface #tabs ul {
+    display: none;
+}
+
+.admin-interface #tabs ul.ui-tabs-nav {
+    display: block;
+}
+*/
+
+.admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .module.aligned:last-child {
+    margin-bottom: 0;
+}
+
+.admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .module.aligned:last-child .form-row:last-child {
+    border-bottom: none;
+}
+
+@media (max-width: 350px){
+    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .vTextField,
+    .admin-interface .inline-related .vTextField {
+        width: 17em;
+    }
+}
+
+@media (max-width: 767px){
+    /* fix horizontal overflow - responsive.css:563 */
+    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .aligned .form-row > div:not([class]) {
+        width: 100% !important;
     }
 }

admin_interface/version.py

@@ -1,3 +1,3 @@
 # -*- coding: utf-8 -*-
 
-__version__ = '0.6.2'
+__version__ = '0.6.3'