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

Fixed selectors text overflow

pull/49/head
Fabio Caccamo 2018-02-05 12:23:54 +01:00
parent fb4cfdb772
commit ee9994231b
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -312,13 +312,20 @@ body.admin-interface .paginator a.showall:visited {
/* improve responsive selector */ /* 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-available select,
.admin-interface .selector .selector-chosen select { .admin-interface .selector .selector-chosen select {
padding: 7px 10px; padding: 7px 10px;
display: block; 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 */ /* fix [not-stacked] selector */
.admin-interface .selector:not(.stacked) { .admin-interface .selector:not(.stacked) {
width: auto; width: auto;
@ -330,13 +337,13 @@ body.admin-interface .paginator a.showall:visited {
height: calc(46px + 17.2em) !important; height: calc(46px + 17.2em) !important;
} }
@media (max-width: 1024px){ @media (max-width: 767px){
.admin-interface .related-widget-wrapper-link + .selector:not(.stacked) { .admin-interface .related-widget-wrapper-link + .selector:not(.stacked) {
width: 100%; 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-available,
.admin-interface .selector:not(.stacked) .selector-chosen { .admin-interface .selector:not(.stacked) .selector-chosen {