Added horizontal scroll to long inlines to prevent full page scroll

admin_interface/templates/admin/base_site.html

@@ -70,8 +70,9 @@
         color:{{ theme.css_module_link_color }};
     }
 
-    div.breadcrumbs a:hover,
-    div.breadcrumbs a:active {
+    div.breadcrumbs a:active,
+    div.breadcrumbs a:focus,
+    div.breadcrumbs a:hover {
         color:{{ theme.css_module_link_hover_color }} !important;
     }
 
@@ -101,8 +102,6 @@
         color:{{ theme.css_module_link_hover_color }} !important;
     }
 
-
-    .inline-group h2,
     .inline-group h2 {
         background:{{ theme.css_module_background_color }};
         color:{{ theme.css_module_text_color }};
@@ -287,6 +286,10 @@
         padding-left:10px !important;
     }
 
+    form .aligned.wide p.help {
+        margin-left: 200px;
+    }
+
     textarea.tinymce ~ p.help {
         margin-top:5px !important;
     }
@@ -295,15 +298,38 @@
         display:table;
     }
 
-    /* fix lateral padding to align text with field labels */
+    /* begin fix issue #13 - Datetime widget broken in long inlines */
+    p.datetime {
+        white-space:nowrap;
+    }
+    /* end fix */
+
+    /* begin fix lateral padding to align text with field labels */
     .module h2,
     .dashboard .module caption,
-    .inline-group h2,
     .module.filtered h2,
     .inline-group h2 {
-        padding:8px 10px;
-        {% if theme.css_module_rounded_corners %}border-radius:4px;{% endif %}
+        padding-left:10px;
+        padding-right:10px;
     }
+    /* end fix */
+
+    /* begin fix issue #11 - Inline border bottom should not be rounded */
+    .module h2,
+    .dashboard .module caption,
+    .module.filtered h2 {
+        {% if theme.css_module_rounded_corners %}
+        border-radius:4px;
+        {% endif %}
+    }
+
+    .inline-group h2 {
+        {% if theme.css_module_rounded_corners %}
+        border-bottom-left-radius:0;
+        border-bottom-right-radius:0;
+        {% endif %}
+    }
+    /* end fix */
 
     .module.filtered h2 {
         border-bottom-left-radius:0;
@@ -325,7 +351,9 @@
     }
 
     #content-related {
-        {% if theme.css_module_rounded_corners %}border-radius:4px;{% endif %}
+        {% if theme.css_module_rounded_corners %}
+        border-radius:4px;
+        {% endif %}
     }
 
     /* selector chooseall / clearall color on hover -> just a lighten grey */
@@ -333,26 +361,36 @@
         color:#888888 !important;
     }
 
+    .inline-group {
+        overflow-x:auto;
+    }
+
+    /* begin fix issue #10 - Related widget broken in long tabular inline */
+    .inline-group .tabular .related-widget-wrapper {
+        white-space:nowrap;
+    }
+    /* end fix */
+
     .inline-related h3 {
         padding:6px 10px !important;
     }
 
-    /*
+    /* begin fix issue #12 - Inlines bad delete buttons alignement */
     .inline-group .tabular thead th:last-child:not([class]):not([style]) {
-        text-align:center;
+        text-align:right;
     }
-    */
 
-    /*.inline-group .tabular tr.has_original td.original,   */
     .inline-group .tabular tr td.delete {
-        vertical-align:middle !important;
-        text-align:center !important;
+        text-align:right;
+        padding-right:15px;
     }
 
     .inline-group .tabular tr td.delete a.inline-deletelink {
-        float:none;
-        display:inline-block;
+        margin-top:2px;
+        overflow:hidden;
+        text-indent:9999px;
     }
+    /* end fix */
 
     /* improve django-modeltranslation support - https://github.com/deschler/django-modeltranslation/pull/313/commits */
 

setup.py

@@ -17,9 +17,9 @@ setup(
     download_url='https://github.com/fabiocaccamo/django-admin-interface/archive/%s.tar.gz' % __version__,
     keywords=['django', 'admin', 'interface', 'responsive', 'flat', 'theme', 'custom', 'ui'],
     install_requires=[
-        'django-colorfield==0.1.10',
+        'django-colorfield==0.1.12',
         'django-flat-theme==1.1.4',
-        'django-flat-responsive==1.0.0'
+        'django-flat-responsive==1.2.0'
     ],
     classifiers=[]
 )