v4.0.0 Upgrade Support

[email protected] · replied to Guest on 30 Jan 2025, 18:40

I did upgrade to v4.0.1 yesterday and now have an issue displaying some forum posts on apple devices (under safari or chrome).

As example you can take a look at https://forum.magicmirror.builders/topic/19306/new-module-installer

Problem is the preview of the 4 images from the topic at the top right. On an iphone they are overlapping so you can not really operate.

Is there an option to disable this preview?

Thanks!

[email protected] · replied to Guest on 30 Jan 2025, 20:46

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?

[email protected] · replied to Guest on 30 Jan 2025, 20:50

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.

[email protected] · wrote on 30 Jan 2025, 21:02

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

[email protected] · wrote on 30 Jan 2025, 22:18

> 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

[email protected] · wrote on 31 Jan 2025, 00:32

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

try persona 14.0.6, let me know if it works.

projectmoon · wrote on 31 Jan 2025, 13:38

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.

[email protected] · wrote on 31 Jan 2025, 14:57

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

[email protected] · wrote on 31 Jan 2025, 19:53

> 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

[email protected] · wrote on 31 Jan 2025, 21:59

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

[email protected] · wrote on 31 Jan 2025, 22:13

no, this looks o.k.

[email protected] · wrote on 31 Jan 2025, 22:20

@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

[email protected] · wrote on 31 Jan 2025, 22:53

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).

[email protected] · wrote on 31 Jan 2025, 22:57

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

[email protected] · wrote on 31 Jan 2025, 23:27

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

[email protected] · wrote on 31 Jan 2025, 23:37

@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

[email protected] · 2 Jan 2025, 11:55

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 that 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

[email protected]

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

[email protected]

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

[email protected]

@baris LGTM, Thanks!

agnos.is Forums

v4.0.0 Upgrade Support