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

Improved responsive widgets style.

pull/107/head
Fabio Caccamo 2020-10-14 18:35:59 +02:00
parent 308858a0d0
commit f632929183
1 changed files with 80 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
admin_interface/templates/admin_interface/css/admin-interface-fix.css
View File

@ -71,7 +71,6 @@
} }
/* end login fix*/ /* end login fix*/
.admin-interface #header { .admin-interface #header {
height:auto; height:auto;
min-height:40px; min-height:40px;
@ -213,6 +212,7 @@ body.admin-interface .paginator a.showall:visited {
.admin-interface form .form-row p.file-upload .clearable-file-input { .admin-interface form .form-row p.file-upload .clearable-file-input {
display: block; display: block;
margin-top: 10px; margin-top: 10px;
margin-left: 0;
margin-bottom: -10px; margin-bottom: -10px;
} }
@ -367,17 +367,6 @@ body.admin-interface .paginator a.showall:visited {
background-color:#AAAAAA; background-color:#AAAAAA;
} }
/* fix textarea horizontal scroll on Firefox */
@media (max-width: 767px){
.admin-interface .aligned .form-row textarea {
width: 100% !important;
flex: 0 1 auto;
}
.admin-interface .aligned .form-row input[type="file"] {
width: 100% !important;
}
}
/* improve responsive selector */ /* improve responsive selector */
/* fix [stacked, not-stacked] equalize horizontal and vertical select padding for selector */ /* fix [stacked, not-stacked] equalize horizontal and vertical select padding for selector */
@ -466,34 +455,6 @@ body.admin-interface .paginator a.showall:visited {
} }
} }
/* fix related-widget when the nav-sidebar is collapsed */
@media (max-width:1100px) {
.admin-interface.change-form #main .related-widget-wrapper {
clear: left;
margin-top: 5px;
}
.admin-interface.change-form #main .related-widget-wrapper + .help {
margin-top: 10px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
}
/* fix related-widget when the nav-sidebar is expanded */
@media (min-width:1280px) and (max-width:1480px) {
.admin-interface.change-form:not(.popup) .related-widget-wrapper {
clear: left;
margin-top: 5px;
}
.admin-interface.change-form #main.shifted .related-widget-wrapper + .help {
margin-top: 10px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
}
.admin-interface #nav-sidebar .current-app .section:link, .admin-interface #nav-sidebar .current-app .section:link,
.admin-interface #nav-sidebar .current-app .section:visited { .admin-interface #nav-sidebar .current-app .section:visited {
color: #FFFFCC; color: #FFFFCC;
@ -503,3 +464,82 @@ body.admin-interface .paginator a.showall:visited {
.admin-interface #nav-sidebar .current-model { .admin-interface #nav-sidebar .current-model {
background: #FFFFCC; background: #FFFFCC;
} }
/* fixed related widget and select2 */
.admin-interface .aligned .form-row .related-widget-wrapper {
white-space: nowrap;
}
.admin-interface .aligned .form-row .related-widget-wrapper .select2-container ~ .related-widget-wrapper-link {
margin-left: 0;
padding: 4px 8px 6px 8px;
}
.admin-interface .aligned .form-row .related-widget-wrapper .select2-container + .related-widget-wrapper-link {
margin-left: 5px !important;
}
/* fixed time widget header border radius */
.admin-interface .clockbox.module h2 {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
@media (max-width: 767px) {
/* fixed changelist search size when there are search results and .quiet is visible */
.admin-interface #changelist-search label img {
margin-top: 7px;
}
.admin-interface #changelist-search .quiet {
margin: 0 0 0 10px;
align-self: center;
flex-basis: content;
}
/* fixed responsive widgets */
.admin-interface .aligned.collapsed .form-row {
display: none;
}
.admin-interface .aligned .form-row > div {
display: flex;
max-width: 100vw;
flex-direction: column;
align-items: flex-start;
}
.admin-interface .aligned .form-row .help {
margin-left: 0;
}
.admin-interface .aligned .form-row .checkbox-row label {
margin: 10px 0 0 0;
padding: 0;
}
.admin-interface .aligned .form-row input[type="file"],
.admin-interface .aligned .form-row input[type="text"],
.admin-interface .aligned .form-row input[type="email"] {
width: 100%;
}
/* fix textarea horizontal scroll on Firefox */
.admin-interface .aligned .form-row textarea {
width: 100% !important;
flex: 0 1 auto;
}
.admin-interface .aligned .form-row .datetime input[type="text"] {
width: 50%;
}
.admin-interface .aligned .form-row span + .file-upload {
margin-top: 10px;
}
.admin-interface .aligned .form-row .file-upload input[type="file"] {
margin-top: 5px;
}
}