Update style for Django 6.0.

Author: fabiocaccamo

admin_interface/static/admin_interface/css/admin-interface.css

@@ -260,6 +260,19 @@
     color: var(--admin-interface-generic-link-hover-color);
 }
 
+.admin-interface .selector button.selector-chooseall,
+.admin-interface .selector button.selector-clearall {
+    background-color: var(--admin-interface-generic-link-color);
+    padding: 8px 12px;
+}
+
+.admin-interface .selector button.selector-chooseall:focus,
+.admin-interface .selector button.selector-chooseall:hover,
+.admin-interface .selector button.selector-clearall:focus,
+.admin-interface .selector button.selector-clearall:hover {
+    background-color: var(--admin-interface-generic-link-hover-color);
+}
+
 /* fix #393  */
 .admin-interface .selector-chosen .list-footer-display {
     background: var(--admin-interface-module-background-color);
@@ -348,39 +361,41 @@
     color: var(--admin-interface-delete-button-text-color);
 }
 
-.admin-interface .paginator a,
-.admin-interface .paginator a:link,
-.admin-interface .paginator a:visited,
-.admin-interface .paginator .this-page {
+.admin-interface #changelist .changelist-footer .paginator a,
+.admin-interface #changelist .changelist-footer .paginator a:link,
+.admin-interface #changelist .changelist-footer .paginator a:visited,
+.admin-interface #changelist .changelist-footer .paginator a[aria-current="page"],
+.admin-interface #changelist .changelist-footer .paginator .this-page {
     border-radius: var(--admin-interface-module-border-radius);
 }
 
-.admin-interface .paginator a,
-.admin-interface .paginator a:link,
-.admin-interface .paginator a:visited {
+.admin-interface #changelist .changelist-footer .paginator a,
+.admin-interface #changelist .changelist-footer .paginator a:link,
+.admin-interface #changelist .changelist-footer .paginator a:visited {
     background-color: #FFFFFF;
     color: var(--admin-interface-generic-link-color);
 }
 
-.admin-interface .paginator a:hover,
-.admin-interface .paginator a:active {
+.admin-interface #changelist .changelist-footer .paginator a:hover,
+.admin-interface #changelist .changelist-footer .paginator a:active {
     background-color: #F8F8F8;
     color: var(--admin-interface-generic-link-hover-color);
 }
 
-.admin-interface .paginator .this-page {
+.admin-interface #changelist .changelist-footer .paginator a[aria-current="page"],
+.admin-interface #changelist .changelist-footer .paginator .this-page {
     background-color: var(--admin-interface-module-background-color);
     color: var(--admin-interface-module-link-color);
 }
 
-.admin-interface .paginator a.showall,
-.admin-interface .paginator a.showall:link,
-.admin-interface .paginator a.showall:visited {
+.admin-interface #changelist .changelist-footer .paginator a.showall,
+.admin-interface #changelist .changelist-footer .paginator a.showall:link,
+.admin-interface #changelist .changelist-footer .paginator a.showall:visited {
     color: var(--admin-interface-generic-link-color);
 }
 
-.admin-interface .paginator a.showall:hover,
-.admin-interface .paginator a.showall:active {
+.admin-interface #changelist .changelist-footer .paginator a.showall:hover,
+.admin-interface #changelist .changelist-footer .paginator a.showall:active {
     color: var(--admin-interface-generic-link-hover-color);
 }
 

admin_interface/static/admin_interface/css/change-form.css

@@ -1,3 +1,8 @@
+.admin-interface .submit-row {
+    width: 100%;
+    box-sizing: border-box;
+}
+
 /* fix form submit buttons alignemnt and ordering */
 @media (min-width: 768px) {
     .admin-interface .submit-row {

admin_interface/static/admin_interface/css/inlines.css

@@ -10,10 +10,8 @@
 
 .admin-interface .inline-group .inlinechangelink {
     margin-left: 10px;
-}
-
-.admin-interface .inline-group .inline-related.tabular .inlinechangelink {
-    background-size: contain;
+    font-size: 11px;
+    padding-left: 18px;
 }
 /* end fix */
 
@@ -61,6 +59,10 @@
     text-align: right;
 }
 
+.admin-interface  .inline-group .tabular tr td.original p {
+    font-size: 11px;
+}
+
 .admin-interface .inline-group .tabular tr td {
     vertical-align: top;
 }

admin_interface/static/admin_interface/css/modules.css

@@ -1,3 +1,8 @@
+.admin-interface .module {
+    width: 100%;
+    box-sizing: border-box;
+}
+
 /* begin fix lateral padding to align text with field labels */
 .admin-interface .module h2,
 .admin-interface.dashboard .module caption,

admin_interface/static/admin_interface/css/object-tools.css

@@ -1,6 +1,34 @@
 /* top-right buttons color on hover -> just a lighten grey */
+@media (min-width:768px) {
+    .admin-interface .object-tools {
+        margin-top: -45px;
+        width: 55%;
+        float: right;
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+}
+@media (min-width:1024px) {
+    .admin-interface .object-tools {
+        width: 60%;
+    }
+}
+@media (min-width:1280px) {
+    .admin-interface .object-tools {
+        width: 70%;
+    }
+}
+.admin-interface .object-tools li {
+    margin-bottom: 4px;
+}
+.admin-interface .object-tools li + li {
+    margin-left: 6px;
+}
 .admin-interface .object-tools a {
     color: #FFFFFF;
+    white-space: nowrap;
 }
 .admin-interface .object-tools a:focus,
 .admin-interface .object-tools a:hover,

admin_interface/static/admin_interface/css/paginator.css

@@ -1,33 +1,24 @@
-.admin-interface #changelist .paginator {
+.admin-interface #changelist .changelist-footer .paginator {
     margin-top: -1px; /* merge 2 borders into 1 */
     line-height: 1.5em;
-    padding-top: 12px;
-    padding-bottom: 12px;
 }
 
-.admin-interface .paginator a,
-.admin-interface .paginator a:link,
-.admin-interface .paginator a:visited,
-.admin-interface .paginator .this-page {
+.admin-interface #changelist .changelist-footer .paginator a,
+.admin-interface #changelist .changelist-footer .paginator a:link,
+.admin-interface #changelist .changelist-footer .paginator a:visited,
+.admin-interface #changelist .changelist-footer .paginator a[aria-current="page"],
+.admin-interface #changelist .changelist-footer .paginator .this-page {
     padding: 7px 12px;
 }
 
-.admin-interface .paginator a,
-.admin-interface .paginator .this-page {
+.admin-interface #changelist .changelist-footer .paginator a,
+.admin-interface #changelist .changelist-footer .paginator a[aria-current="page"],
+.admin-interface #changelist .changelist-footer .paginator .this-page {
     margin-left: 0px;
 }
 
-.admin-interface .paginator .this-page,
-.admin-interface .paginator a.end {
-    margin-right: 25px;
-}
-
-.admin-interface .paginator .this-page + a:not(.showall)  {
-    margin-left: -25px;
-}
-
-body.admin-interface .paginator a.showall,
-body.admin-interface .paginator a.showall:link,
-body.admin-interface .paginator a.showall:visited {
+body.admin-interface #changelist .changelist-footer .paginator a.showall,
+body.admin-interface #changelist .changelist-footer .paginator a.showall:link,
+body.admin-interface #changelist .changelist-footer .paginator a.showall:visited {
     margin-left: 20px;
 }

admin_interface/static/admin_interface/css/sticky-form-controls.css

@@ -1,7 +1,9 @@
 /* sticky actions */
 
 .admin-interface.sticky-actions #changelist .actions {
-    width: 100%;
+    display: flex;
+    align-items: center;
+    width: auto;
     background: var(--body-bg);
     border-top: none;
     border-bottom: 1px solid #EEEEEE;
@@ -20,7 +22,7 @@
     padding-bottom: 4.375rem;
 }
 
-.admin-interface.sticky-pagination.change-list .paginator {
+.admin-interface.sticky-pagination.change-list #changelist .changelist-footer {
     width: 100%;
     position: fixed;
     bottom: 0;
@@ -31,33 +33,34 @@
     padding-right: 15px;
     white-space: nowrap;
     text-overflow: ellipsis;
+    background: var(--body-bg);
     border-radius: 0;
     border-top: 1px solid #EEEEEE !important;
     border-bottom: none;
     margin: 0;
 }
 
-.admin-interface.sticky-pagination.change-list.popup .paginator {
+.admin-interface.sticky-pagination.change-list.popup #changelist .changelist-footer {
     padding-left: 20px;
     padding-right: 20px;
 }
 
 @media (min-width:768px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) #changelist .changelist-footer {
         padding-left: 30px;
         padding-right: 30px;
     }
 }
 
 @media (min-width:1024px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) #changelist .changelist-footer {
         padding-left: 40px;
         padding-right: 40px;
     }
 }
 
 @media (min-width:1280px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > #nav-sidebar + .content .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > #nav-sidebar + .content #changelist .changelist-footer {
         width: calc(100% - 360px);
     }
 }

admin_interface/static/admin_interface/css/widgets.css

@@ -1,3 +1,11 @@
+.admin-interface a:not([role="button"], #header a, #nav-sidebar a, #content-main.app-list a, .object-tools a) {
+    text-decoration: inherit;
+}
+.admin-interface a:not([role="button"], #header a, #nav-sidebar a, #content-main.app-list a, .object-tools a):hover,
+.admin-interface a:not([role="button"], #header a, #nav-sidebar a, #content-main.app-list a, .object-tools a):focus {
+    text-decoration: underline;
+}
+
 /* fix generic flex container */
 .admin-interface .flex-container {
     width: 100%;
@@ -100,6 +108,10 @@
 }
 /* end fix */
 
+.admin-interface .related-widget-wrapper .selector-chooser {
+    border-radius: 15px;
+}
+
 /* fix selector chooser slide transition */
 .admin-interface .related-widget-wrapper .selector-chooser .selector-add,
 .admin-interface .related-widget-wrapper .selector-chooser .selector-remove {