Better handling of long filenames

[StefanCohen]

Long filenames are split over several lines. Should scale the size to fit one line instead:

[StefanCohen]

@j7126 Do you have any idea how to scale the string dynamically to fit the containing div?

I'm thinking about using an SVG like in the last example here but that link provides a ton of alternatives and there may be a better method that I'm not aware of. What do you think? Is this the kind of situation you would use a viewport width instead?

[j7126]

@StefanCohen I would say that using a svg in most situations would be fine, however in this case the text color if using a svg will not play nice with themes,

I think that for this situation using viewport width would be much better.
EDIT: this is not true, see my next comment

[j7126]

I realised my mistake that using viewport width will actually not be a good idea and will not work because that works for things that take up the whole page, and the dashboard when not in fullscreen mode does not take up the entire screen.

I think it would be much better in this case to use fitty https://github.com/rikschennink/fitty which was also mentioned in that link and I have used in the past and works well.

[StefanCohen]

Thanks. Fitty looks like a nice alternative. I will give it a try.

[StefanCohen]

That worked fine:

I wonder where something like this should be called from? I temporarily placed it in the self.onTabChange callback handler sice it is called on print start but that doesn't seem right. There is no callback for .onPrintStart so I guess it has to be a new event handler for PrintStarted? What do you think?

Edit: No. It has to be called anytime there is a change to the container (such as going to fullscreen).

[StefanCohen]

Nvm. I'm just slow. I got it now :)

[StefanCohen]

Fixed in v1.10.2