v4.0.0 Upgrade Support

<baris>

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

karsten13

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>

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

karsten13

no, this looks o.k.

<baris>

@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

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>

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

eeeee

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

karsten13

@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

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>

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

<baris>

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

karsten13

@baris LGTM, Thanks!

<baris>

@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" align="center" style="border:1px solid lightgrey">...</div>