Topic on Extension talk:SimpleBatchUpload

I fixed this on my installation by making edits to ../rev/ext.SimpleBatchUpload.css

Hi. This extension has become an important part of my site. Continued thanks for providing it :-) .. One way I use it is to allow uploads that "pre-tag" images with semantic properties based on the page that the #batchupload is used on.

This works wonderfully, however, the number of characters involved in the additional properties can be quite long. This is of course transparent in use, but when a user edits the page using VisualEditor (VE) the template for #batchupload renders with the css settings white-space:nowrap; on the span.uploadzone element.

I can verify this by using the browser developer mode and altering this css setting manually, and I have tried to implement it in Mediawiki:Common.css without success. I'm not sure what the expected behavior is for Common.css in VE edit mode, but I'm wondering if this could be most easily solved in the extension itself?

Here is a screenshot of the issue as it appears on my site in VE edit mode:

Notice how the horizontal scroll bar is about 5% of the screen and will scroll waaaay more to the right.. this is the problem. Anyone have any advice on how to fix this with CSS?

Not sure that this is really a problem of the SimpleBatchUpload extension. I don't have too much experience with VE, but as I see it it should not spell out the input tag at all. If VE would actually show the file-upload button, then the CSS might have a chance to catch and hide it. As it is, this is just more text, so the CSS is not seeing it.

well.. I know that there is a special Print.css page for CSS that is only used when printing a page. I'm not sure if Common.css is used when in VE edit mode. If it is, then I think I just need someone to help me determine how to refer to the SimpleBatchUpload element better. I'm not super savvy with CSS and this one is hard to identify for me.