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

Fixed selectors text overflow

Browse Source
This commit is contained in:
Fabio Caccamo
2018-02-05 12:23:54 +01:00
parent fb4cfdb772
commit ee9994231b
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin_interface/templates/admin_interface/css/admin-interface-fix.css
+10 -3
View File
@@ -312,13 +312,20 @@ body.admin-interface .paginator a.showall:visited {
/* improve responsive selector */
/* fix [stacked, not-stacked] equalize horizontal and vertical select padding for selector (stacked and not) */
/* fix [stacked, not-stacked] equalize horizontal and vertical select padding for selector */
.admin-interface .selector .selector-available select,
.admin-interface .selector .selector-chosen select {
padding: 7px 10px;
display: block;
}
/* fix [stacked, not-stacked] select options text overflow */
.admin-interface .selector .selector-available select option,
.admin-interface .selector .selector-chosen select option {
overflow: hidden;
text-overflow: ellipsis;
}
/* fix [not-stacked] selector */
.admin-interface .selector:not(.stacked) {
width: auto;
@@ -330,13 +337,13 @@ body.admin-interface .paginator a.showall:visited {
height: calc(46px + 17.2em) !important;
}
@media (max-width: 1024px){
@media (max-width: 767px){
.admin-interface .related-widget-wrapper-link + .selector:not(.stacked) {
width: 100%;
}
}
@media (min-width: 767px) and (max-width: 1124px){
@media (min-width: 768px) and (max-width: 1124px){
.admin-interface .selector:not(.stacked) .selector-available,
.admin-interface .selector:not(.stacked) .selector-chosen {