Introducing the NodeBB 0.7.0 Persona preview

PitaJ

Images and videos cause the page to become too wide on mobile (horizontal scrolling).

a_5mith

.topic h1 > span {
    text-transform: uppercase;
}

whfphhh

You on the Canadian Bacon again?

<baris>

@a_5mith Haha that might have been caused by a fix that I made.

I wrapped the title in a span looks like it gets the styling from that now

a_5mith

@baris said:

@a_5mith Haha that might have been caused by a fix that I made.

I wrapped the title in a span looks like it gets the styling from that now

You had me thinking it had always been like that and I just hadn't noticed. Thought I was going slightly insane.

May also be nice to get an <hr> between the topic title and the first post, like we did with Lavender, the sort by and watch look slightly lost without it.

psychobunny

You had me thinking it had always been like that

lol same here, apparently.

https://github.com/NodeBB/nodebb-theme-persona/issues/62

updated community

EDIT: actually updated now.

May also be nice to get an <hr> between the topic title and the first post, like we did with Lavender, the sort by and watch look slightly lost without it.

I'll play around with this idea

a_5mith

@psychobunny What's the green tick for when you click an avatar? It's not very clear what it does.

Tried uploading an image, getting an ECONNREFUSED error. So I'll have to do it manually. Also can no longer embed an imgur image directly from imgur, it's supplied without the protocol, which doesn't embed. Have to add http/https:// prior to the URL.

erm

pichalite

@a_5mith It's the replacement for the checkbox in vanilla and lavender to select the topic and use the thread tools to delete, lock, pin.... topics.

It was not clear to me either. I clicked on the avatar accidentally and that's how I knew how to select a topic in persona

codejet

I do like Persona, it's light weight and has a feel you can get used to.

It's no where near the magazine effect of Lavender, but it's the plain design I think would come default with any forum software.

It's definitely a great basic look, with the option for the user to change after installation.

Nice work I think. If anythings missing now it's probably widget's / added content

a_5mith

@pichalite said:

@a_5mith It's the replacement for the checkbox in vanilla and lavender to select the topic and use the thread tools to delete, lock, pin.... topics.

It was not clear to me either. I clicked on the avatar accidentally and that's how I knew how to select a topic in persona

Makes sense. May need to be made a little more obvious. Perhaps on hover it could have a light grey tick.

psychobunny

Yeah, I agree with you guys, I think it needs a bit more messaging. The grey hover checkbox thing is a neat idea.

The main reason for this feature is because the checkboxes from vanilla take way too much room on mobile, and it's something that the gmail mobile app does, so I thought it was neat

Tried uploading an image, getting an ECONNREFUSED error.

This is unrelated to persona, maybe file a bug if its still an issue?

Jijo Sunny

This post is deleted!

Master-Antonio

BUG :
When i refresh page ......
http://i.gyazo.com/fa1e62082c83e22267dd12986d416b88.png

LOG :
30/4 16:06 [15891] - warn: [plugins/nodebb-widget-essentials] This plugin may not be compatible with your version of NodeBB. This may cause unintended behaviour or crashing.
30/4 16:06 [15891] - warn: [plugins/nodebb-widget-essentials] In the event of an unresponsive NodeBB caused by this plugin, run ./nodebb reset plugin="nodebb-widget-essentials".

30/4 16:06 [15891] - warn: [plugins/nodebb-theme-persona] This plugin may not be compatible with your version of NodeBB. Thi s may cause unintended behaviour or crashing.
30/4 16:06 [15891] - warn: [plugins/nodebb-theme-persona] In the event of an unresponsive NodeBB caused by this plugin, run ./nodebb reset plugin="nodebb-theme-persona".

30/4 16:06 [15891] - warn: [plugins.reload] Library not found for plugin: nodebb-theme-persona
30/4 16:06 [15891] - info: [plugins/spam-be-gone] Settings loaded

Master-Antonio

@dsont said:

Get rid of the black box with this custom CSS. Just set it in the admin panel.
#content {
    margin-top: 40px;
}

#content div.jumbotron:nth-of-type(1) {
    display: none;
}

Color NavBar ?

a_5mith

@Master-Antonio said:

BUG :
When i refresh page ......
http://i.gyazo.com/fa1e62082c83e22267dd12986d416b88.png

LOG :
30/4 16:06 [15891] - warn: [plugins/nodebb-widget-essentials] This plugin may not be compatible with your version of NodeBB. This may cause unintended behaviour or crashing.
30/4 16:06 [15891] - warn: [plugins/nodebb-widget-essentials] In the event of an unresponsive NodeBB caused by this plugin, run ./nodebb reset plugin="nodebb-widget-essentials".

30/4 16:06 [15891] - warn: [plugins/nodebb-theme-persona] This plugin may not be compatible with your version of NodeBB. Thi s may cause unintended behaviour or crashing.
30/4 16:06 [15891] - warn: [plugins/nodebb-theme-persona] In the event of an unresponsive NodeBB caused by this plugin, run ./nodebb reset plugin="nodebb-theme-persona".

30/4 16:06 [15891] - warn: [plugins.reload] Library not found for plugin: nodebb-theme-persona
30/4 16:06 [15891] - info: [plugins/spam-be-gone] Settings loaded

Nodebb version?

Master-Antonio

@a_5mith said:

@Master-Antonio said:

BUG :
When i refresh page ......
http://i.gyazo.com/fa1e62082c83e22267dd12986d416b88.png

LOG :
30/4 16:06 [15891] - warn: [plugins/nodebb-widget-essentials] This plugin may not be compatible with your version of NodeBB. This may cause unintended behaviour or crashing.
30/4 16:06 [15891] - warn: [plugins/nodebb-widget-essentials] In the event of an unresponsive NodeBB caused by this plugin, run ./nodebb reset plugin="nodebb-widget-essentials".

30/4 16:06 [15891] - warn: [plugins/nodebb-theme-persona] This plugin may not be compatible with your version of NodeBB. Thi s may cause unintended behaviour or crashing.
30/4 16:06 [15891] - warn: [plugins/nodebb-theme-persona] In the event of an unresponsive NodeBB caused by this plugin, run ./nodebb reset plugin="nodebb-theme-persona".

30/4 16:06 [15891] - warn: [plugins.reload] Library not found for plugin: nodebb-theme-persona
30/4 16:06 [15891] - info: [plugins/spam-be-gone] Settings loaded

Nodebb version?

0.7.0
http://i.gyazo.com/aa8c700b6f266566fd210d2764e09aac.png

POST : https://community.nodebb.org/topic/4388/the-themes-are-mixed-now-nodebb-don-t-work-help-me

I'm returned to 0.6.1 .

jarey

Loving the progressbar and the spinner while loading pages now.

Nicolas

Yes. Zero opacity for transition, as for me, is a good choice.
I'm working on theme that is derived from Persona. It was a very first thing to change: transition animation.

psychobunny

@José-Ángel-Rey-Liñares said:

Loving the progressbar and the spinner while loading pages now.

Back by popular demand

This version has a trickle effect, so if you were on mobile and temporarily lost connection, it continues to move up in small increments.

As far as UX goes, this has even tricked me into thinking its still loading haha. It seems to feel better than staring at a blank screen

psychobunny

@José-Ángel-Rey-Liñares said:

It will include the button on botton-right to stretch the wide of the contents, and make them occupy all the screen? I loved that from lavender.

@baris any chance of you implementing this as a plugin? Then we can remove this from lavender and have it as an optional dep. Same thing I plan to do for the loading bar animation eventually

Punkbob

I actually have a suggestion from my mobile users, instead of using the topic start date they prefer if I set it up to use the teaser instead so that they can click and go to the last post in the thread. Some of our threads have 20K+ posts and were started 6 years ago, so there dropping them off at the first post in a thread is aggravating.

It's basically my workaround for now as they complain for a button to take them to the last post they read in a thread that works across devices.