v4.0.0 Upgrade Support

[baris@community.nodebb.org]

You can hide it with custom css in the ACP, .topic-header [component="topic/thumb/list"] { display: none }

This is only happening on apple devices?

[cagatay@community.nodebb.org]

nothing changes v4.0.1
I think this ActivityPub implementation is only designed for NodeBB's own page. It’s not very useful for sites that use NodeBB.

[julian@community.nodebb.org]

@baris looks to be Persona, could be a bug with the theme.

[karsten13@community.nodebb.org]

> You can hide it with custom css in the ACP, .topic-header [component="topic/thumb/list"] { display: none }

Thanks!

> This is only happening on apple devices?

android and normal browsers seems o.k. so far

> looks to be Persona, could be a bug with the theme.

yes it's Persona

[baris@community.nodebb.org]

@karsten13 https://github.com/NodeBB/nodebb-theme-persona/commit/a45cbffc869018046a7c95a81662eba7a747613f

try persona 14.0.6, let me know if it works.

[projectmoon@forum.agnos.is]

Out of curiosity: what plugin/setting does one need to use in order to get a header like the NodeBB.org forums? With the links up top.

[baris@community.nodebb.org]

Those are standard html widgets created at /admin/extend/widgets. They are placed in the brand widget area.

[karsten13@community.nodebb.org]

> try persona 14.0.6, let me know if it works.

@baris not really, thumbnails moved to the left but there are still the gray areas around them which overlap nearly the whole site

[baris@community.nodebb.org]

@karsten13 does it happen when you load this topic https://community.nodebb.org/topic/18426/nodebb-3.11.0?

[karsten13@community.nodebb.org]

no, this looks o.k.

[baris@community.nodebb.org]

@karsten13 can you try persona v14.0.7? I've matched the classes with harmony theme so maybe that was the issue. https://github.com/NodeBB/nodebb-theme-persona/commit/9b42abd5f8eb26b16e39633a2c8c407d40d3ab4e

Don't forget to rebuild and restart after installing the new version.

[karsten13@community.nodebb.org]

sorry, but no change to my picture posted above ...

I edited package.json to change persona version and

rm -f package-lock.json
rm -rf node_modules
npm i
./nodebb build

I'm not really familiar with apple but used new private tab and deleted cache (have only a business cellphone for testing).

[baris@community.nodebb.org]

Yeah it's weird, I don't have access to an apple device so I can't reproduce.

[eeeee@community.nodebb.org]

Which model iphone are you using which has the issue?
I tried it on iphone 15

[karsten13@community.nodebb.org]

@eeeee

• the problem occurs only if you logged in (as you see the images are blocked as guest)
• in the public forum I use the css workaround to remove the problematic thumbnails (so it will work there too if you are logged in)
• for testing I used a local copy

[eeeee@community.nodebb.org]

CSS - dont get me started - the industry has been going in the wrong direction with this for the last 15 years. I wont bore you with my thoughts on this here, but its incredibly painful to get web pages to look ideal on all devices.

On a more constructive note, although most of us here will probably access nodebb from a computer, its important to remember 90%+ plus of users will access a forum from a phone.

Controversial as this is, if desktop nodebb was exactly mobile nodebb (i.e. in a narrow window) it may help its long term development. Shocking as that might sound, look at Telegram on web, its exactly mobile view, in a narrow pc window.
The point is, then the focus would be on optimising the mobile view, without splitting development efforts. At present the mobile view isnt as strong as the pc UI, and you cant do some Admin changes from it. Like setting up widgets as Ive previously posted about

[baris@community.nodebb.org]

@karsten13 https://github.com/NodeBB/NodeBB/issues/13118 filed an issue for this

[baris@community.nodebb.org]

@karsten13 can you try with [email protected] and let me know if it works?

[karsten13@community.nodebb.org]

@baris LGTM, Thanks!

[baris@community.nodebb.org]

@karsten13 nice. Off topic but you can add mb-3 class to your header widget so it is not so close to your title.

<div class="well mb-3" style="border:1px solid lightgrey">...</div>