Selfhosted Plain Invoice Design

[gottschild]

Hello, my invoice design is based on the Plain template. Since one of the recent Updates, my task time Table has blank lines which i don’t want.

Does anybody know how i can remove the div?

<div class="task-time-details">
09.01.2025 22:00:00 - 23:00:00<br/>
10.01.2025 0:30:00 - 1:00:00<br/>
</div>

[hillel]

Hi,

Sorry, I don’t understand. What do you want to change it to?

[gottschild]

I’d like to change back to no blank lines. Now i downloaded some old invoices from 2024 and they have 2 blank lines.

The Table had no extra lines before

[gottschild]

It also changed from 24h to 12h. This is my localization setting

[hillel]

Thanks, understood. I suggest asking in a discussion on GitHub.

invoiceninja/invoiceninja · Discussions

[nlantonsch]

I have the same issue after updating to the newest version even with a custom design:

The full page is only time logs with unnecessary blank lines.

[nlantonsch]

How do I write a custom template since the preview doesn’t show any tables and an example invoice cannot be selected? Also I don’t see a way to use inspecting to understand the structure, so I’m basically guessing, hoping, saving, reloading,… you get the point.

[nlantonsch]

btw: it doesn’t add

<div class="task-time-details">
09.01.2025 22:00:00 - 23:00:00<br/>
10.01.2025 0:30:00 - 1:00:00<br/>
</div>

it adds:

<div class="task-time-details">
09.01.2025 22:00:00 - 23:00:00
</div>
<div class="task-time-details">
10.01.2025 0:30:00 - 1:00:00
</div>

[hillel]

I believe the app uses an invoice from your account for the preview.

[nlantonsch]

This is what the preview shows:

[hillel]

Are there any invoices in the company?

Are you using the web or desktop app?

[nlantonsch]

There are invoices. It’s the same preview for both, web and desktop app.

[hillel]

In that case I suggest asking in a discussion on GitHub.

invoiceninja invoiceninja · Discussions

[nlantonsch]

Free Source Available Invoicing, Expenses & Time-Tracking | Invoice Ninja

the docs say I can select an invoice, but that’s not true:

[nlantonsch]

this looks different then in my version of the web app.

[hillel]

I believe one is a template the other is a design.

[nlantonsch]

Whats the difference and why linking to one from the other when clicking View Docs?

[nlantonsch]

We cannot be the only ones having the issue..

[nlantonsch]

Is there any way to view the invoice as HTML?

[nlantonsch]

Ok, so for custom designs you can add the following CSS which reduces the space a little:

.task-time-details + br {
    display: none;
}

I think the issue comes from when times are added to the row by invoicing the task and how the HTML is interpreted within the markdown of the desciption fields.

The divs are added without any \n and from the second time range, there is always a \n which is interpreted the way it is.