hey
when you have really long descriptions or many file extensions for Filefield module, the layout of the filefield fieldset / tab expands outwards of the regular node-form.
the same happens with FileField ImageField module Alt and Description fields.
the problem is not solved with FileField UI Extras module.
and the problem becomes worse with Admin module enabled, and expanded...
but this patch / code does solve it ;)
at least for Firefox / Chrome
older versions of IE might have difficulty applying max-width and max-height CSS properties.
/* filefield */
div.node-form div.vertical-tabs-panes div.description {
overflow: auto;
max-width: 650px;
max-height: 80px;
word-wrap: break-word;
}
div.node-form div.vertical-tabs-panes div.filefield-element div.description {
overflow: auto;
max-width: 550px;
max-height: 80px;
word-wrap: break-word;
}
div.node-form div.vertical-tabs-panes div.filefield-element fieldset.fieldset-additional-info div.description {
overflow: auto;
max-width: 400px;
max-height: 35px;
word-wrap: break-word;
}
/* filefield (admin module expanded) */
body.admin-expanded div.node-form div.vertical-tabs-panes div.description {
overflow: auto;
max-width: 500px;
max-height: 80px;
word-wrap: break-word;
}
body.admin-expanded div.node-form div.vertical-tabs-panes div.filefield-element div.description {
overflow: auto;
max-width: 400px;
max-height: 80px;
word-wrap: break-word;
}
body.admin-expanded div.node-form div.vertical-tabs-panes div.filefield-element fieldset.fieldset-additional-info div.description {
overflow: auto;
max-width: 350px;
max-height: 35px;
word-wrap: break-word;
}
Comment | File | Size | Author |
---|---|---|---|
#4 | seven-filefields-layout-fix-1202534-4.patch | 269 bytes | TravisCarden |
#2 | style.css_.patch | 1.56 KB | lpalgarvio |
style.css_.patch | 1.33 KB | lpalgarvio |
Comments
Comment #1
lpalgarvio CreditAttribution: lpalgarvio commentedadditionally, using this
instead of auto, will force the scroll bars to show. sometimes they don't for Alt and Description fields.
Comment #2
lpalgarvio CreditAttribution: lpalgarvio commentedanother quick fix. everything should be all right now
Comment #3
willhowlett CreditAttribution: willhowlett commentedI found the following fixed this issue for me:
Comment #4
TravisCarden CreditAttribution: TravisCarden commentedNice, @willhowlett. That's a very elegant solution. I don't see any negative repurcussions from it. Attached is a patch that adds it to style.css. Please review.
@LPCA: Just so you know, the correct status to for a patch is "needs review". See Status settings for an issue. :)
Comment #5
TravisCarden CreditAttribution: TravisCarden commentedOops. I forgot to test in IE8, and it doesn't quite get the job done there.
Comment #6
lpalgarvio CreditAttribution: lpalgarvio commentedthanks! will test as soon as i get back to some old 6.x projects.
Comment #7
TravisCarden CreditAttribution: TravisCarden commentedI believe this is fixed in the latest dev. Can anyone confirm?