Briq/django-admin-interface
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved sticky submit and pagination backward compatibility.

Browse Source
This commit is contained in:
Fabio Caccamo
2021-02-03 21:23:05 +01:00
parent 5b606153de
commit f2a2a98ad9
1 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin_interface/templates/admin_interface/css/form-controls.css
+14 -15
View File
@@ -1,10 +1,10 @@
/* sticky changelist pagination */ /* sticky pagination */
.admin-interface.sticky-pagination.change-list #main > .content { .admin-interface.sticky-pagination.change-list #content-main {
padding-bottom: 4.375rem; padding-bottom: 4.375rem;
} }
.admin-interface.sticky-pagination.change-list #main > .content .results + .paginator { .admin-interface.sticky-pagination.change-list .paginator {
width: 100%; width: 100%;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@@ -21,39 +21,39 @@
margin: 0; margin: 0;
} }
.admin-interface.sticky-pagination.change-list.popup #main > .content .results + .paginator { .admin-interface.sticky-pagination.change-list.popup .paginator {
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
@media (min-width:768px) { @media (min-width:768px) {
.admin-interface.sticky-pagination.change-list:not(.popup) #main > .content .results + .paginator { .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
padding-left: 30px; padding-left: 30px;
padding-right: 30px; padding-right: 30px;
} }
} }
@media (min-width:1024px) { @media (min-width:1024px) {
.admin-interface.sticky-pagination.change-list:not(.popup) #main > .content .results + .paginator { .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
padding-left: 40px; padding-left: 40px;
padding-right: 40px; padding-right: 40px;
} }
} }
@media (min-width:1280px) { @media (min-width:1280px) {
.admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > .content .results + .paginator { .admin-interface.sticky-pagination.change-list:not(.popup) .shifted .paginator {
width: calc(100% - 359px); width: calc(100% - 359px);
} }
} }
/* sticky changeform submit */ /* sticky submit */
@media (min-width:768px) { @media (min-width:768px) {
.admin-interface.sticky-pagination.change-form #main > .content { .admin-interface.sticky-submit.change-form #content-main {
padding-bottom: 4.375rem; padding-bottom: 4.375rem;
} }
.admin-interface.sticky-pagination.change-form #main > .content .submit-row:last-of-type { .admin-interface.sticky-submit.change-form .submit-row:last-of-type {
width: 100%; width: 100%;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@@ -70,27 +70,26 @@
margin: 0; margin: 0;
} }
.admin-interface.sticky-pagination.change-form.popup #main > .content .submit-row:last-of-type { .admin-interface.sticky-submit.change-form.popup .submit-row:last-of-type {
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
.admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
.admin-interface.sticky-pagination.change-form:not(.popup) #main > .content .submit-row:last-of-type {
padding-left: 30px; padding-left: 30px;
padding-right: 30px; padding-right: 30px;
} }
} }
@media (min-width:1024px) { @media (min-width:1024px) {
.admin-interface.sticky-pagination.change-form:not(.popup) #main > .content .submit-row:last-of-type { .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
padding-left: 40px; padding-left: 40px;
padding-right: 40px; padding-right: 40px;
} }
} }
@media (min-width:1280px) { @media (min-width:1280px) {
.admin-interface.sticky-pagination.change-form:not(.popup) #main.shifted > .content .submit-row:last-of-type { .admin-interface.sticky-submit.change-form:not(.popup) .shifted .submit-row:last-of-type {
width: calc(100% - 359px); width: calc(100% - 359px);
} }
} }