NOX theme V0.2.2 out of range for filament change screen

[Jack77777777]

@noxhirsch can you adjust this ? See attached picture.

[noxhirsch]

I'll try to fix it later today or tomorrow 👍

[noxhirsch]

After some trial & error without succes, I checked if this also happens without the NOX theme - and it does indeed.
The way I see it, two changes need to be made in OctoDash, but I have no time to setup a dev instance at the moment, to try that out. In theory, this should fix the problem:

Either the second <span> must be integrated into the first one - or both spans need a wrapper div/span:

OctoDash/src/app/filament/change-filament/change-filament.component.html

Lines 17 to 20 in 2ed9b86

	<span class="change-filament__filament-weight">
	{{ getSpoolWeightLeft(selectedSpool.weight, selectedSpool.used) }}
	</span>
	<span i18n="@@filament-grams-left">g left</span>

I'd prefer the first solution, if it doesn't cause any problems. But if a wrapper around both spans is used, these styles should be moved to the wrapper:

OctoDash/src/app/filament/change-filament/change-filament.component.scss

Lines 18 to 23 in 2ed9b86

	&-weight {
	opacity: 1;
	font-size: 1rem;
	line-height: 1.5rem;
	display: block;
	text-align: center;

Then either the wrapper or the two spans need to have display:inline; instead of display:block; (I'm not sure if both works, I would have to try that out)

[UnchartedBull]

Oh this must've happened with the i18n integration. I'm going to fix this. Thanks for reporting / providing a fix!

[Jack77777777]

Is this already fixed ? If yes, what do i have to do ?

[UnchartedBull]

Not fixed yet. Will be released with the next version.