Postbody out of alignment with postprofile after update

[Zillon2]

Having an issue getting the .postbody to align with the .postprofile following an update to 3.3.1 - and has persisted through the update to 3.3.2.

Help, please? Link to forum: https://datforumdoe.com

Thanks.

[ssl]

Hi
Do you have the same problem with prosilver style?

[Gumboots]

Seems to have been solved. Looks fine to me: https://datforumdoe.com/forum/viewtopic ... 21#p463634

[Zillon2]

Hi
Do you have the same problem with prosilver style?

It’s across all themes.

It seems to be an issue for only a few people, including myself, although only on my computer not on my mobile devices in desktop view.

I’ve cleared the forum cache, cleared my own cache, but the issue seems to still persist.

Prior to applying the 3.3.2 update, I did edit the CSS to reduce the width of the .postprofile but it didn’t haven any effect for those having the issue.

[Gumboots]

Can you tell us which browser you are using on desktop? Makes it easier to check things if we know that. Operating system might be handy too.

Something did occur to me: in content.css it has this:

Code: Select all

.postprofile_Left .postbody {
    float: right;
}

It's not actually necessary, since by default .postbody is defined as float: left; (a few lines earlier in the same file) and two left floated divs will sit neatly side by side anyway.

The reason this may be relevant is that with some browsers there used to be a bug, such that if the second element was float: right; it would cause the sort of break you are seeing. In other words, if div #1 was float: right; and div #2 was float: left; they would sit in line, but if #1 was float: left; and #2 was float: right; they would behave as if #2 was clear: both;

I've tested removing the float right code for .postbody in my document inspector and it doesn't seem to have any ill effects, nor should it. Doing that may fix your problem.

[Zillon2]

I’ll try removing the float right code.

I’m running Chrome on Mac OS Catalina - all fully updated. For me, Safari displays the forum correctly, Chrome does not, regardless of whether it’s in regular or incognito mode.

I’m not sure what the other users who have reported the same thing are running.

[Gumboots]

It might be specific to Chrome on Mac. I just checked with Chrome on W10 and it's fine. I don't have a Mac, so can't test that. I do know that the Chrome app running on iOS can do some strange things sometimes.

[ssl]

Hi
How was the update made to 3.3.2 because it is not normal to have this lag with the prosilver style?

[Zillon2]

Hi
How was the update made to 3.3.2 because it is not normal to have this lag with the prosilver style?

Full package. Cleaned out everything but the images/files/store folders and config.php and started fresh.

Even did a fresh theme install.

[ssl]

I think the responsive.css file is not the one from version 3.3.2

[PlanetStyles.net]

Your browser is zoomed out.

Reset zoom to fix

(oh, and thanks for supporting my work - it helps keep a roof over my head)

[Zillon2]

Your browser is zoomed out.

Reset zoom to fix

(oh, and thanks for supporting my work - it helps keep a roof over my head)

Absolutely! Love your work, been using this theme for a few years now.

I do have it zoomed out, good catch - it’s on purpose though, as I don’t need massive text like some people. Any idea how to get it to work with the zoom function?

[Gumboots]

Your browser should have an option to "Zoom text only"*. Alternatively, if you want more control, install Stylus (browser add-on, available for Chrome) and throw your own custom CSS tweaks at it. That way you can have the exact font-size you want, where you want it, and anyone else still gets the default.

(Stylus rocks. I'm running 240 lines of custom code on top of this site. )

*Come to think of it, Chrome may not. It tends to be a tad basic in user options.

[PlanetStyles.net]

Any idea how to get it to work with the zoom function?

Yeah it should be pretty easy. I'll post it tomorrow

Out of curiosity, do you operate with low zoom on all sites, or just Milk? I've been wondering whether to add a scaleable control to flightdeck that lets you dial down the font-sizes and padding / margins proportionately to each other.

[Talk19Zehn]

Hello, what happens (zoom in and out) if the declaration margin-left: 31px; is commented out and / or the entry is deleted in *)your responsive.css:

*)Line 594

Code: Select all

	.postprofile_Left .postbody {
		width: calc(100% - 200px - 1px - 31px);
		margin-right: 0;
		/*! margin-left: 31px; */
	}

... this approach may initially be helpful. In my opinion (!), the approach can may be helpful at this moment, as this entry will be deleted by the developer with the update to phpBB 3.3.2 **)and we can thus remedy the situation (phpBB 3.3.1).

Regards

Edit: 12 Nov 2020, 11:20
**) and we can thus remedy the situation also in phpBB 3.3.1.