Some Plugins Category improvements

[esiao]

I don't know if it's a feature or a bug, I see it as a suggestion.
I've set some local NodeBB forum to test it deeper and start playing a bit and I've noticed that the Plugin Category in the Admin panel could be a bit improved.

First I think some searchbox could help avoiding to CTRL+F to find a plugin.
Second in term of UX it's very hard to tell which is the button associated to the plugin since there's noting to separate.

My suggestion is to add some borders to demarcate the plugins. (no design here)

Which reveals that there's an actual bug, the buttons are not aligned with the content. It can be solved with the following CSS:

.admin .plugins li {
	list-style-type: none;
	background: rgba(64,64,64,.05);
	padding: 1em;
	border-left: 5px solid #08c;
	border-top: 1px solid #08c;
	position: relative;
	min-height: 75px;
}
.plugins li > div {
	position: absolute;
	top: 15px;
	right: 15px;
}

Not saying that's the best answer to the problem but could work

One last thing, I think it could be nice to have the link of the forum where the plugin is posted like it's done with github links for NodeBB pre-installed plugins. In order to have some information on the plugin.

Feel free to move the topic if not in the right place
Going back to test that beautiful software.

[a_5mith]

Hey @esiao, the plugin section of the ACP should be getting a makeover soon. There was a loose screenshot posted a while ago, but finding it, no chance.

[baris]

https://github.com/NodeBB/NodeBB/commit/f9b5bf83ad9b6f57245f3cc4874ad2cb1a8236ca and https://github.com/NodeBB/nodebb-theme-vanilla/commit/78fd57193d336779bf4bd1ebb33bf5e46893ce12

[esiao]

Thanks @baris
I've pulled the new version but I don't seem to have the searchbox am I missing something ?

[baris]

Did you update the vanilla theme and restarted as well?

[esiao]

No I did not update the Vanilla theme (how to ?) and I'm using Lavender, which seems to be the default one.
Thanks.

[baris]

Just run npm install nodebb-theme-vanilla. lavender is based on vanilla so it uses some templates from vanilla.

[esiao]

@baris said:

npm install nodebb-theme-vanilla

Works like a charm