fearless359 / simpleinvoices

Fearless359 SimpleInvoices beyond great beginnings
https://simpleinvoices.group
GNU General Public License v3.0
28 stars 7 forks source link

Width of invoice entry stretched out/displaying improperly #29

Closed johnanastasio17 closed 6 years ago

johnanastasio17 commented 6 years ago

Not sure, what happened. Have made no changes to SI or it's underpinnings. When entering a new invoice, screen now appears like this:

si-invoice-page

Other pages and reports all seem to render properly.

twobob commented 6 years ago

Does pressing F12 and observing the console output show any obvious errors? Always good for a dev to know.

johnanastasio17 commented 6 years ago

Nothing in the console under any tabs. (Inspector, Console, Debugger, etc)

I'm not a coder by any means, but I notice there is a lot of java code. I'm running Java Version 8 Update 161 if that helps.

Same behavior using Pale Moon, Chrome, Firefox. Tried it on IE and it completely crashes. I'm on a Win 10 64bit machine if that matters,

twobob commented 6 years ago

image Well. opened the console and had a bit of a look. Seems like the total width is constrained by the length of the content in the boxes.

Has someone added an item accidentally that is 2000 character long or something? Either way you could constrain the box length actively via CSS at an absolute pinch. I have no idea what is wrong at your end but one could control that value by shoving a record for "#products0" in the stylesheet with a value of "width:500px !important" (if you find you really need the !important, try it without first)

image

Hope it helps at least be able to use your system while you figure it out. Justin said 8 years ago "the folder for the default template ./templates/invoices/default contains all the css etc.." main.css appears to be the file that the factory defaults go in. So check out that folder and shove it somewhere sensible. In case you don't know CSS cascades. So things that come after will replace things that came before in the same stylesheet and things that are "closer" (like for example attached directly to the HTML