After I patched Multiselect to Add support for Entity Reference module I needed my selects to use every width possible, to fit nodes titles in them.

So I've made some changes to multiselect.css and got the result I needed. (Actually I've copied the file to my theme folder and added it to theme info file.)

This fluid configuration will work even in a 480px width screen with a fixed scrollbar (with Garland's margins, at least). It has been tested on Firefox and Chrome, wich is enough for my application.

If someone tests on IE, Opera or Safari, share results and we can't talk about it.

P.S.: Attached file extention was changed to .txt so I could upload it here. Originally is a .css file.

CommentFileSizeAuthor
multiselect.txt1.71 KB3magnus

Comments

alexweber’s picture

alexweber commented
Category: support » feature
Status: Needs review » Needs work

Please re-roll this as a proper patch so that I can apply it and test it out before committing. Thanks!

3magnus’s picture

3magnus commented

I just wanted to share my solution as a tip, so other users can opt for this alternate display by reproducing it.

I've never thought of it as the default approach and I don't think it's a good idea to commit anything like this without a respective UI (so admins can choose it or not).

Maybe I'm wrong.

mparker17’s picture

mparker17
he/him
Primary language English
Location UTC-5
commented
Title: Fluid width selects » Fluid-width selects
Version: 7.x-1.9 » 2.x-dev
Component: User interface » Code
Assigned: 3magnus » Unassigned
Issue summary: View changes
Status: Needs work » Active

multiselect-7.x-1.x is no longer supported, because Drupal 7 is no longer supported.

However, it looks like this is still an issue in the 2.x branch, so I'm moving it into that queue.